css - 使用另一个类中的属性设置 HTML 元素的样式

Question

我的 HTML 元素 有一个属性，目标是在另一个类中找到时为该元素赋予特定样式。

例如:

<style>
em {color:#ff0000;}
.emClass {color:#ff0000;}
.pClass em {color:#ff0000;}
.pClass .emClass  {color:#ff0000;}
</style>

<p>
    Please <em>red</em> me.
</p>

<p>
    Please <em class="emClass">red</em> me.
</p>

<p class="pClass">
    Please <em>red</em> me.
</p>

<p class="pClass">
    Please <span class="emClass">red</span> me.
</p>

<p class="pClass">
    Please <em class="emClass">orange</em> me.
</p>

目标是仅在以下情况下使用橙色文本:

• 是强调文字
• AND 具有“emClass”属性
• 而且它是在另一个具有“pClass”的元素(段落或 div)内属性。

(实例:https://jsfiddle.net/Yatko/Ffkcq/)

感谢您的帮助!

Answer 1

你只需要更新你的类

.pClass em.emClass {
    color: orange;
}

检查这个fiddle