<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>优先级之important</title>
<style>
#identity{
color: purple;
font-size: 50px;
}
.para{
color: pink ;
}
p{
color: green;
}
*{
color: blue !important;
font-size:10px;
}
li{
color: red ;
}
</style>
</head>
<body>
<!--
1.什么是!important
作用: 用于提升某个直接选中标签的选择器中的某个属性的优先级的, 可以将被指定的属性的优先级提升为最高
注意点:
1.!important只能用于直接选中, 不能用于间接选中
2.通配符选择器选中的标签也是直接选中的
3.!important只能提升被指定的属性的优先级, 其它的属性的优先级不会被提升
4.!important必须写在属性值得分号前面
5.!important前面的感叹号不能省略
-->
<ul>
<li>
<p id="identity" class="para">我是段落</p>
</li>
</ul>
</body>
</html>ウェブフルスタック - 重要な優先順位
おすすめ
転載: www.cnblogs.com/yindanny/p/11672043.html
おすすめ
ランキング