使用另一个类中的属性设置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）中 属性。

（实例：http://jsfiddle.net/Yatko/Ffkcq/）

感谢您的帮助！

Answer 1

您只需将课程更新为

即可

.pClass em.emClass {
    color: orange;
}

选中此fiddle

Answer 2

试试这个：

.pClass em.emClass {color: #ffff00;}

Answer 3

的 jsFiddle Demo 的

您可以使用元素类型为类名添加前缀。您应该像这样定位特定元素：

.pClass em.emClass  {color:orange;}
.pClass span.emClass  {color:red;}

Answer 4

您可以使用CSS DEMO http://jsfiddle.net/kevinPHPkevin/Ffkcq/4/

执行此操作

em {

    color:#ff0000;

}

.emClass {

    color:#ff0000;

}

.pClass em {

    color:#ff0000;

}

.pClass .emClass {

    color:#ff0000;

}

.pClass em.emClass {

    color: #FAC802;

}