Elément HTML de style avec attribut dans une autre classe

Question

Mon élément HTML a un attribut et le but est de donner un certain style à cet élément lorsqu'il est trouvé dans une autre classe.

Ex .:

<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> 

le but est d'avoir le texte en orange qu'en cas:

• il est souligné texte
• et a l'attribut "emClass"
• ET il est à l'intérieur d'un autre élément (paragraphe ou div) qui a l'attribut "pClass" .

(par exemple en direct: http://jsfiddle.net/Yatko/Ffkcq/)

Merci pour votre aide!

Answer 1

Vous avez juste besoin de mettre à jour votre classe à

.pClass em.emClass { 
    color: orange; 
} 

Cocher cette fiddle

Answer 2

essayez ceci:

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

Answer 3

jsFiddle Demo

Vous pouvez préfixer le nom de classe avec le type d'élément. Vous devez cibler l'élément spécifique comme celui-ci:

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

Answer 4

Vous pouvez le faire avec 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; 

}