《
简述CSS Selector的优先级》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302345392013.htm
HTML构造比拟长，如下：
咱们来先容一下CSS Selector的优先级。本文重要是缭绕“11个class与1个id”的话题开展的，简略的来说就是这样的，一个领有id名跟class名的div被十个div包括着，然后款式是：
1个id时：0,1,0,0 11个class时：0,0,11,0
<div class="a1"><div class="a2"><div class="a3"><div class="a4"><div class="a5"><div class="a6"><div class="a7"><div class="a8"><div class="a9"><div class="a10",简约设计：韩国地图服务的设计;>
<div class="a11" id="b">
CSS Selector的优先级
</div>
</div></div></div></div></div></div></div></div></div></div>
Tag：CSS ,
简洁风格按钮及其CSS 3实现方法; Selector 优先级 CSS Selector 优先级
.a1 .a2 .a3 .a4 .a5 .a6 .a7 .a8 .a9 .a10 .a11{color:red,简洁的网站模板的好处;}
#b{color:green;}
.a1 .a2 .a3 .a4 .a5 .a6 .a7 .a8 .a9 .a10 .a11{color:red;}
#b{color:green;}
依照以往的懂得，都说css中的class是10，id是100，而后脑袋中很天然地就想到，11个class的话，那么不就是110了嘛。这样就必定会比id要大了，终极的色彩应当是红色，但实在不然，最终的颜色是绿色，是那个id的颜色。
在图中可以看到，一个id挑选符时是0,1,0,0，然后两个id的抉择符则是0,2,0,0,简洁型css实现的圆角矩形，以此类推，每增长一个id选择符的话，那么就是代表左起第二个数字会递增，仅仅只是这个数字在增添而已。同理，应用class的取舍符也是一样的。那么回到前面提到的“11个class与1个id”的问题，用这样的方法盘算成果就是：
显然，这个问题中id的样式确定会涌现，而class的样式不会呈现。紧记这次的教训，当前多花点时光去看老外的文章，以及去坚固和更好地控制基本常识。这一年来，心态上始终都在迷失着，太随性了。目的和方向时常被自己遗忘，常常阅历这样的事件对个人而言是好事，能够很清楚地看到本人的不足，然落后行补充！
--> [
网站建设之]简述CSS Selector的优先级
<div class="a1"><div class="a2"><div class="a3"><div class="a4"><div class="a5"><div class="a6"><div class="a7"><div class="a8"><div class="a9"><div class="a10">
<div class="a11" id="b">
CSS Selector的优先级
</div>
</div></div></div></div></div></div></div></div></div></div>,简单十步将CSS压缩至一行;
当时看到这个我表现非常纳闷，然后看文中的介绍又是一头雾水，后来经由组内共事领导以及个人心中对自我很重大的BS之后，终于清楚了为什么会这样。其实当时在看一些书籍的时候，其中介绍到的那些1和0组成的数字，其实仅仅只是1和0罢了，并不是1000、100、10、1之类。
(责任编辑：网站建设)
简述CSS Selector的优先级相关文章