我的 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>
目标是仅在以下情况下使用橙色文本:
- 它是强调文本
- 并且具有“emClass”属性
- 并且它位于另一个具有“pClass”属性的元素(段落或 div)内。
(现场示例:https ://jsfiddle.net/Yatko/Ffkcq/ )
谢谢您的帮助!