CSS: Selector de clase

CSS Selector de clase

Son los mas usados y se aplican en todos los elementos que tengan en atributo class que coincide con el nombre del Selector

.parrafoespecial { color: red; }
 
<_p>Hola Mundo!<_/p>
<_p class=""parrafoespecial">Hola Mundo en color rojo

En la aplicabilidad y la herencia hay que identificar 3 casos bien diferentes

Caso 1) Todos los elementos de tipo "p" con  class="parrafoespecial"

p.parrafoespecial{ propiedad:valor; }

Caso 2)
Todos los elementos con atributo class="parrafoespecial" que estén dentro de cualquier elemento de tipo "p" 
p .parrafoespecial { propiedad:valor;}

Caso 3)
Se aplica a todos los elementos "p" de la página y a todos los elementos con
el atributo class="parrafoespecial" de la página 
p, .aviso { propiedad:valor; }