【前端】css选择器

1、标签选择器：

　　如p{color:red;}, 这类直接给标签加上样式，使得整个html文档中的所有p标签具有了color：red这个属性

2、类选择器：

　　以英文圆点 . 开头。 比如对html中的 <span class="setred">........</span>加上属性：

　　.setred{color:red;}， 这样，会匹配到<span class="setred">这个标签，并使之具有了color：red这个属性

3、id择器：

　　以#开头。比如对html中的 <span id="setred">........</span>加上属性：

　　#setred{color:red}, 这样， 会匹配到 <span id="setred">这个标签，并使之具有了color：red这个属性

ps：看起来类选择器和id选择器好像就是class=...和id=...的差别，其实不然，ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。

 

4、子选择器和包含后代选择器：

　　子选择器：如对html文档<p>.....<li>....</li>.......</p>， p>li{color:red;}， 即使得p标签下的<li>标签具有了color：red这个属性，如果<li>里还有子标签<li>则不会        　　具有这个属性

　　包含后代：p li{color:red}， p标签下的所有li标签都会具有这个属性

 

5、伪类选择器：

　　a:hover{color:red}, 当鼠标划过时会有变红的效果

转载于:https://www.cnblogs.com/hhssqq9999/p/8558836.html