!important>行内样式>ID选择器 > 类选择器 | 属性选择器 | 伪类选择器 > 元素选择器
<style>
h1 {
background-color: red //生效
}
#wrapper {
background-color: blueviolet
}
</style>
</head>
<body>
<div id="wrapper" class="wrapper">
<h1 class="h1" id="content" title="i am h1">我是h1</h1>
</div>
</body>
无论多少个class组成的选择器，都没有一个ID选择器权重高。类似的，无论多少个元素组成的选择器，都没有一个class选择器权重高、无论多少个ID组成的选择器，都没有行内样式权重高。
所以权重是在双方处于同一等级的情况下，才开始对比。
等级 !important>行内样式>ID选择器 > 类选择器 | 属性选择器 | 伪类选择器 > 元素选择器 比...
CSS学习 CSS权重 选择器 权重...
原文 博客原文 大纲 1、CSS层叠2、CSS权重3、权重等级4、权重的规则5、!important 1、CSS层...
css相关 1、css定义的权重： 标签的权重为1，class的权重为10，id的权重为100如果权重相同，则最后...
CSS权重：1、权重决定了你css规则怎样被浏览器解析直到生效。“css权重关系到你的css规则是怎样显示的”。2...
css 权重 !important具有最高权重 如何和何时使用CSS的!important https://www...
css选择器权重示例： .html .css
权重决定了你css规则怎样被浏览器解析直到生效。“css权重关系到你的css规则是怎样显示的 权重记忆口诀。从0开...
１、CSS权重 CSS权重指的是样式的优先级，当有多个样式作用于元素的时候，权重值大的样式起作用。权重一样的时候，...
知识点： 1.H5的新特性 css3新特性 2.css的权重，css模块化 权重： 元素的权重0.类选择器10.i...
本文标题：css权重复习
本文链接：https://www.haomeiwen.com/subject/jvmnlqtx.html
网友评论