Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
当存在继承类时,是否可以使用CSS将元素作为目标?_Css_Css Selectors - Fatal编程技术网

当存在继承类时,是否可以使用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; }