CSS优先级问题
2016-04-26 20:12
369 查看
最近有接触到优先级的相关题目，在这里做一个简单的总结。
在常用的选择器中，优先级顺序依次为：内联样式 > id选择器 > 类选择器 > 标签选择器
我们这样定义他们的权重，定义内敛样式为1000，那么id选择器为100，类选择器为10，标签选择器为1，也就是我们在判断样式的优先级时，对应的标签权重相加，得到的越大，越优先。
如下html代码：
<body>
<div id = "box">
<p>test</p>
</div>
</body>
下面是css
1.#box{color：red；}
2.p{color:blue;}
3.body p{color:yellow}
则优先权重分别是1.100 2.10 3.10+10
在常用的选择器中，优先级顺序依次为：内联样式 > id选择器 > 类选择器 > 标签选择器
我们这样定义他们的权重，定义内敛样式为1000，那么id选择器为100，类选择器为10，标签选择器为1，也就是我们在判断样式的优先级时，对应的标签权重相加，得到的越大，越优先。
如下html代码：
<body>
<div id = "box">
<p>test</p>
</div>
</body>
下面是css
1.#box{color：red；}
2.p{color:blue;}
3.body p{color:yellow}
则优先权重分别是1.100 2.10 3.10+10
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- ie9渲染的bug
- CSS3动画工具
- CSS3圆角border-radius属性详解
- css中vertical-align属性的使用
- 修改输入框placeholder的样式
- IE9 IE10 SEC7113: CSS 因 Mime 类型不匹配而被忽略
- 结构伪类选择器中的 n
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行
- CSS中如何选择ul下li的奇数、偶数行