!important属性和权重
2,790 阅读
<style type="text/css" media="screen">
/*!important标记 important 重要的
k:v!important;给一个属性提高权重 这个属性权重无限大 */
p{
color:blue !important;
font-weight: bold;
} /*！important提升权重是一个属性而不是一个选择器*/
p{
color:red;
}
li{
font-size: 60px;
}
ul{
font-size: 100px !important;
}
/*!mportant并不能提升继承来的属性 虽然加上了!important但是权重还是0*/
/*同样的 都是继承属性的话important还是无法影响 同样是继承来的属性依然按照就近原则来选择属性*/
</style>
</head>
<body>
<div>
<p class="pp">颜色</p>
</div>
<div>
<ul>
<li><p>颜色</p></li>
</ul>
</div>
!important做网站不允许试用 因为会使css很乱
