![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
css选择器的优先级
在学css的时候书上说p.bright{color:yellow;}1+10=11p.brightem.dark{color:brown;}1+10+1+10=22也就是...
在学css的时候书上说p.bright {color:yellow;} 1 + 10 = 11
p.bright em.dark {color:brown;} 1 + 10 + 1 + 10 = 22
也就是前一个的优先级比后一个低,这种高低关系是怎么体现出来的?<p class="bright></p>会使用高优先级的那个吗,如果不是。高低关系说明什么?举个例子 展开
p.bright em.dark {color:brown;} 1 + 10 + 1 + 10 = 22
也就是前一个的优先级比后一个低,这种高低关系是怎么体现出来的?<p class="bright></p>会使用高优先级的那个吗,如果不是。高低关系说明什么?举个例子 展开
4个回答
展开全部
就是根据定义的前后顺序来的,后面的优先于前面的
比如:
.aaa{width:100px;}
.aaa{width:200px;}
.bbb{width:300px;}
<div class="aaa bbb"></div>
这个div只会引用到最后一个width:300px
比如:
.aaa{width:100px;}
.aaa{width:200px;}
.bbb{width:300px;}
<div class="aaa bbb"></div>
这个div只会引用到最后一个width:300px
展开全部
原则一 - 继承不如指定。
原则二 - #ID > .class > 标签选择符。
原则三 - 越具体越强大。
原则四 - 标签#id >#id ; 标签.class > .class。
原则五 - 原则一 > 原则二 > 原则三 > 原则四。
选择器 数值
h1 {color:blue;} 1
p em {color:purple;} 1 + 1 = 2
.apple {color:red;} 10
p.bright {color:yellow;} 1 + 10 = 11
p.bright em.dark {color:brown;} 1 + 10 + 1 + 10 = 22
#id316 {color:yellow} 100
原则二 - #ID > .class > 标签选择符。
原则三 - 越具体越强大。
原则四 - 标签#id >#id ; 标签.class > .class。
原则五 - 原则一 > 原则二 > 原则三 > 原则四。
选择器 数值
h1 {color:blue;} 1
p em {color:purple;} 1 + 1 = 2
.apple {color:red;} 10
p.bright {color:yellow;} 1 + 10 = 11
p.bright em.dark {color:brown;} 1 + 10 + 1 + 10 = 22
#id316 {color:yellow} 100
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
1.行内第一如:<div style="color:#000"></div>
2.页面内的代码第二如: <style>...</style>
3.id选择器第三如#id
4.class最后如: .class
2.页面内的代码第二如: <style>...</style>
3.id选择器第三如#id
4.class最后如: .class
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
直接百度下··css优先级认真看看就好···
追问
你别来打上这几个字你就不舒服吗
追答
好的··蛋疼··
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询