如何检查父母是否在场？

Question

我有两种情况：

<div class="parent">
 <div class="content">TEXT</div>
</div>

或

<div class="content">TEXT</div>

我想更改是否存在类父级的文本颜色。

我写了这个css，但是没用：

div:not(.parent) > .content{
 color: blue;
}

我该如何解决？

Answer 1

有，因为在第二示例中你没有div元件包裹所述内容，以便不起作用div:not(.parent)不匹配（.content是的直接子的{{1} }元件）

要么写

body

（without defining the element）或仅颠倒使用逻辑：给一个基本样式为:not(.parent) > .content { color: blue; } 的情况下，没有父元素和覆盖样式如果.content是否存在：

.parent