您好,登录后才能下订单哦!
这篇文章给大家分享的是有关CSS中选择器的选择原则是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择器的规则优先于具有一般选择器的规则,如果两个规则的特殊性相同,那么后定义的规则优先。
那么,又怎么来计算选择器的特殊性呢?
我们把特殊性分为4个等级,每个等级代表一类选择器,每个等级的值为其所代表的选择器的个数乘以这一等级的权值,最后把所有等级的值相加得出选择器的特殊值。
四个等级的定义如下:
1. 第一等:代表行内样式,如: style=””,权值为1000。
2. 第二等:代表ID选择器,如:#content,权值为100。
3. 第三等:代表类,伪类和属性选择器,如.content,权值为10。
4. 第四等:代表类型选择器和伪元素选择器,如div p,权值为1。
注意:通用选择器(*),子选择器(>)和相邻同胞选择器(+)并不在这四个等级中,所以他们的权值都为0。
理解选择器的特殊性很重要,特别是在修复bug的时候,因为你需要了解哪些规则优先及其原因。至于具体的应用,我们放到后面的再做具体的讲解。
最后我们再说一下选择器如何使用,原则有三点:
1. 选择可以准确的找到要控制的标签;
2. 使用最合理的优先级的选择器;
3. 还要是html和css看起来简洁美观可读性强。
感谢各位的阅读!关于“CSS中选择器的选择原则是什么”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。