1

我的 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/ )

谢谢您的帮助!

4

4 回答 4

4

您只需要将您的课程更新为

.pClass em.emClass {
    color: orange;
}

检查这个小提琴

于 2013-05-17T21:32:30.343 回答
2

尝试这个:

.pClass em.emClass {color: #ffff00;}
于 2013-05-17T21:31:29.693 回答
1

JSFiddle Demo

您可以在类名前加上元素类型。您应该像这样针对特定元素:

.pClass em.emClass  {color:orange;}
.pClass span.emClass  {color:red;}
于 2013-05-17T21:34:03.513 回答
1

您可以使用 CSS DEMO https://jsfiddle.net/kevinPHPkevin/Ffkcq/4/来做到这一点

em {

    color:#ff0000;

}

.emClass {

    color:#ff0000;

}

.pClass em {

    color:#ff0000;

}

.pClass .emClass {

    color:#ff0000;

}

.pClass em.emClass {

    color: #FAC802;

}
于 2013-05-17T21:34:39.067 回答