189 8069 5689

CSS中选择器的选择原则是什么

这篇文章给大家分享的是有关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中选择器的选择原则是什么”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


名称栏目:CSS中选择器的选择原则是什么
路径分享:http://cdxtjz.cn/article/pgcoed.html

其他资讯