一、并列选择器
<style> #d1,.c1,span { /*用逗号隔开表示并列，会同时匹配后面的设置*/ color: red; } </style> <!--头结束--> </head> <body> <!--主体开始--> <div id="d1">我是div，id=d1</div> <p class="c1">我是p1，class=c1</p> <span>我是span1</span>
二、伪选择器
<style> .c1:link { /*初始态，首次点击之前的状态*/ color: blue; } .c1:hover { /*悬浮态，光标悬于标签时的状态*/ color: green; } .c1:active { /*激活态，点击而未弹起的状态*/ color: orange; } .c1:visited { /*完成态，首次点击完成后的状态*/ color: red; } </style> <!--头结束--> </head> <body> <!--主体开始--> <a href="http://www.baidu.com" class="c1">我是a1，class=c1</a> <a href="http://www.baidu.com" class="c1">我是a2，class=c1</a> <a href="http://www.baidu.com" class="c1">我是a3，class=c1</a>
原文：https://www.cnblogs.com/caoyu080202201/p/12885139.html