您的位置：首页 > Web前端 > CSS

css 权重

2016-07-15 12:50 597 查看
从CSS代码存放位置看权重优先级：内嵌样式 > 内部样式表 > 外联样式表。其实这个基本可以忽视之，大部分情况下CSS代码都是使用外联样式表。

从样式选择器看权重优先级：important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符。
important的权重为1,0,0,0
ID的权重为0,1,0,0
类的权重为0,0,1,0
标签的权重为0,0,0,1
伪类的权重为0,0,1,0
属性的权重为0,0,1,0
伪对象的权重为0,0,0,1

通配符的权重为0,0,0,0
<html>

<head>

<style type="text/css">

#left{color:black!important;} /*1,1,0,0*/

#container #left{color:red;} /*0,2,0,0*/

#left{color:green!important;} /*1,1,0,0*/

.container #left{color:blue;} /*0,1,1,0*/

</style>

</head>

<body>

<div class="container" id="container">

<span id="left">这到底是什么颜色啊？</span>

</div>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航