如何更好的使用css选择器充分发挥其性能
发布网友
发布时间:2022-04-22 13:35
我来回答
共1个回答
热心网友
时间:2022-04-06 12:39
选择器的种类可以分为:标签名选择器、类选择器和ID选择器、后代选择器、群组选择器。
语法如下:
◆标签名选择器,如:p{},即直接使用HTML标签作为选择器。
◆类选择器,如.polaris{}。
◆ID选择器,如#polaris{}。
◆后代选择器,如.polaris
span
img{},后代选贼器实际上是使用多个选择器加上中间的空格来找到具体的要控制标签。
◆群组选择器,如div,span,img{},群组选择器实际上是对CSS的一种简化写法,只不过把有相同定义的不同选择器放在一起,省了很多代码。
然后是优先级的选择。
一般而言,选择器越特殊,它的优先级越高。也就是选择器指向的越准确,它的优先级就越高。通常我们用1表示标签名选择器的优先级,用10表示类选择器的优先级,用100标示ID选择器的优先级。比如
.polaris
span
{color:red;}的选择器优先级是
10
+
1
也就是11;而
.polaris
的优先级是10;浏览器自然会显示红色的字。理解了这个道理之后下面的优先级计算自是易如反掌:
望采纳