css选择器优先级

时间：2015-07-04 15:18:57 阅读：136 评论：0 收藏：0 [点我收藏+]

标签：

1. 最高优先级是 (直接在标签中的设置样式，假设级别为1000)<div style="color:Red;"></div>

2.次优先级是（ID选择器 ,假设级别为100） #myDiv{color:Red;}

3.其次优先级是（类选择器，假设级别为10） .divClass{color:Red;}

4.最后优先级是（标签选择器，假设级别是 1） div{color:Red;}

5.那么后代选择器的优先级就可以计算了啊比如 .divClass span { color:Red;} 优先级别就是：10+1=11

需要特别注意的是！important的优先级别高于内联样式

下面举例对同一个dom节点设置多个class

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <style> 
 5 .c2{width:100px;height:100px;background:blue}
 6 .c1{width:100px;height:100px;background:red}
 7 </style>
 8 </head>
 9 <body>
10 <div class="c1 c2"></div>
11 </body>
12 </html>

显示结果为红色，应为显示结果与div中设置的class顺序无关，而是与样式表中的顺序有关（句号小弟---编辑）

css选择器优先级

标签：

原文地址：http://www.cnblogs.com/smart-tian/p/4620594.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行