当存在继承类时,是否可以使用CSS将元素作为目标?
一个元素上可能有多个类,它们之间用空格分隔:当存在继承类时,是否可以使用CSS将元素作为目标?,css,css-selectors,Css,Css Selectors,一个元素上可能有多个类,它们之间用空格分隔: <div class="header contaminated">...</div> 通常我想将标题样式设置为蓝色: 但是如果一个div被污染了,我会把整个背景涂成红色: .contaminated { background-color: Pink; } .contaminated.header { background-color: HotPink; } 除了我不认为css选择器语法.policted.header对继承
<div class="header contaminated">...</div>
通常我想将标题样式设置为蓝色:
但是如果一个div被污染了,我会把整个背景涂成红色:
.contaminated { background-color: Pink; }
.contaminated.header { background-color: HotPink; }
除了我不认为css选择器语法.policted.header对继承的样式有效之外
注意:我认为它无效的原因是它不起作用
如果一个元素只包含两个类,并且其中一些类是继承的,那么是否可以使用CSS将其作为目标元素
这是基本CSS-用空格分隔类名,这意味着/应用级联:
.contaminated .header { ... }
有什么问题吗
干杯
将只针对.policted的直接子元素的元素头。我对您的问题感到困惑,这样做行吗
.contaminated .header { background-color: HotPink; }
注意空格,在一个类为.policted的元素中查找类为.header的元素。Ah。请注意,我有意链接到一个古老的规范。我应该告诉大家,级联并不是从一个祖先到一个后代的——它只在每个元素的基础上工作,我们这里讨论的实际上是继承,一个单独的问题。@BoltClock,嗯?你是说我的答案错了吗?如果没有,你在说什么?让我们不要混淆一个非常基本的概念。我只是说你说的是级联,你应该说的是继承。我不知道-耸耸肩-@BoltClock我在问之前读过!现在我又读了一遍,我仍然找不到我的答案!
.contaminated .header { ... }
.contaminated>.header{}
.contaminated .header { background-color: HotPink; }