码迷,mamicode.com
首页 > Web开发 > 详细

css的选择器的优先级

时间:2017-08-01 23:10:22      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:大小   选择   说明   标签   之间   div   元素   属性   比较   

css覆盖是在打代码的时候,开发者很普通很普通,也是很经常经常用到的,但是容易混淆他们之间的优先级。

【】【】【】

第一个是id,第二个是class,第三个是元素名。有一个就加一。比较这个三位数的大小,越大优先级越高。

比如:

.content div{}

这个选择器有一个class,一个元素标签,所以这三位数就是011;

再比如:

#content div{}

此时就是一个id,一个元素标签,此时就是101;

说明第二个选择器是可以覆盖第一个的相同的属性的值的。

css的选择器的优先级

标签:大小   选择   说明   标签   之间   div   元素   属性   比较   

原文地址:http://www.cnblogs.com/178-533/p/7270767.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!