html - 如果元素不是其他元素的子元素，则应用 CSS 规则

Question

我正在尝试执行以下操作。我有一个有多种颜色的段落。

<p>Hello <span class="red">Wo<span class="blue">rld</span></span>, <span class="blue">how are you</span></p>

.blue
{
    color: blue;
}

.red
{
    color: red;
}

我需要 .blue 不适用，如果它是红色的。
我怎样才能做到这一点？

提前致谢

标签： htmlcss

Answer 1

从包含“rld”的跨度中删除蓝色类

<p>Hello <span class="red">Wo<span>rld</span></span>, <span class="blue">how are you</span></p>