我想了解CSS选择器如何处理属性冲突。如何选择一项财产而不是另一项财产?
div {
background-color: red;
}
div.my_class {
background-color: black;
}
div#my_id {
background-color: blue;
}
body div {
background-color: green;
}
body>div {
background-color: orange;
}
body>div#my_id {
background-color: pink;
}
<div id="my_id" class="my_class">hello</div>
选择器优先级如何工作?
我将仅介绍CSS 2.1规范本身的链接,以及浏览器 应 如何计算特异性:
CSS 2.1第6.4.3节:
选择器的特异性计算如下:
- 如果声明的来源是’style’属性而不是带有选择器的规则,则计数为1,否则为0;否则(= a)(在HTML中,元素的“
style”属性的值是样式表规则。这些规则没有选择器,因此a = 1,b = 0,c = 0和d = 0。)- 计算选择器中ID属性的数量(= b)
- 计算选择器中其他属性和伪类的数量(= c)
- 计算选择器中元素名称和伪元素的数量(= d)
- 特异性仅基于选择器的形式。特别是,即使将id属性定义为“ ID”,形式为[[id = p33]”的选择器也被视为属性选择器(a = 0,b =
0,c = 1,d = 0)在原始文件的DTD中。
将四个数字abcd(在基数较大的数字html" target="_blank">系统中)连接起来可得出特异性。
如果特异性相同,则CSS 2.1第6.4.1节生效:
- 最后,按指定的顺序排序:如果两个声明的权重,来源和特异性相同,则以后者为准。导入的样式表中的声明被视为在样式表本身中的任何声明之前。
请注意,这里所说的是样式的定义时间,而不是使用时间。如果类.a
和.b
具有相同的特异性,则以 样式表中 最后定义 的那个 为准。
<p class="a b">...</p>
而<p class="b a">...</p>
将同样的风格,根据定义顺序.a
和.b
。
我想了解CSS选择器是如何处理属性冲突的。如何选择一个属性而不是另一个属性? null null 选择器优先级是如何工作的?
问题内容: CSS问题:如果两个不同的选择器应用于一个元素,谁会赢? 我知道这不应该发生,但是我想调整旧应用程序,而CSS居于中间。 问题答案: 规范中的实际上是合理可读的。综上所述: 规则和内联规则获胜。 否则,通常会赢得更具体的胜利。是比更加具体的选择器。 如果规则同样具体,则以最后宣布的为准。 没有特别的理由说明为什么这种“不应该发生”。通常先指定一个广泛适用的规则,然后添加一个更具体的规则
本文向大家介绍CSS选择器有哪些,优先级呢?相关面试题,主要包含被问及CSS选择器有哪些,优先级呢?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: id 选择器,class 选择器,标签选择器,伪元素选择器,伪类选择器等 同一元素引用了多个样式时,排在后面的样式属性的优先级高; 样式选择器的类型不同时,优先级顺序为:id 选择器 > class 选择器 > 标签选择器; 标签之间存在层级包
本文向大家介绍属性选择器和伪类选择器的优先级?相关面试题,主要包含被问及属性选择器和伪类选择器的优先级?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 属性选择器和伪类选择器优先级相同
问题内容: 我的网页包含: 引用的样式表包含: 我在ID中有一张表格,希望单元格有一些填充。但是,引用的样式表优先于内联样式。我可以通过Firebug直观地看到这一点。如果我关闭Firebug中的指令,则向左填充将生效。 我该如何上班? 问题答案: 正如其他人提到的那样,您有一个特异性问题。当确定两个规则中的哪一个优先时,CSS引擎会计算每个选择器中的s 数量。如果一个比另一个多,就使用它。否则,
我的第一个想法是有两个COSUMER,每个队列一个,从每个队列获取消息并将它们放入java.util.PriorityQueue中,但我希望避免插入(和排序/阻塞/同步)的开销,因为会有大量的消息。 然后,我考虑了usign java.nio,但我想不出这是否可能。 我的想法是仍然拥有两个使用者,但现在他们将任务放在两个nio.buffer(高优先级缓冲区和低优先级缓冲区)中,这些缓冲区绑定到ni