no respeta propiedades div menor "rango"

Buenas,
Tengo una duda sobre estilos que no la puedo solucionar.
tengo una capa llamada "contenido", y dentro de ésta tres más con los nombres "bartolo" "catlina" y "pepe".
Bien, a los párrafos de "contenido " le tengo definidas unas propiedades mediante la hoja de estilos.css, una propiedad en concreto es que se alineen a la derecha. A parte, también en la hoja de estilos.css, le tengo definidas unas propiedades a los párrafos en general que la he llamado ".izquierda" y consiste en que se alineen a la izquierda.
Pues bien, el caso es que los párrafos de los div "bartolo,catalina y pepe", no me respetan las propiedades que le tengo definidas mediante <p class="izquierda"> y sí me cogen las propiedades que les tengo definidas a "contenidos p".
Cuando según la jerarquía aprendida en el curso paso a paso, debería cogerme las me menor rango.

Bueno no se si me explico, lo que me gustaría es que por favor me aclararan esta duda que me trae loco.Adjunto imágenes y capturas.
Como siempre, Gracias.

Captura pantalla:
http://xs.to/xs.php?h=xs839&d=09210&f=captura493.png


Aquí la captura de la hoja html:
http://xs.to/xs.php?h=xs839&d=09210&f=hoja-html186.png


Aquí la captura de la hora estilos.css:
http://xs.to/xs.php?h=xs839&d=09210&f=estilos-css579.png

Hola.

No se ve la imagen del css.






Saludos.

pitufo escribió:Hola.

No se ve la imagen del css.

Saludos.

He editado el post y la he vuelto a subir, a ver ahora. Gracias por avisar.

#contenido p {}
.izquierda {}

En este caso las dos reglas están seleccionando a los párrafos, pero el primer selector tiene mas peso que el segundo por lo tanto las propiedades del primero son las que se aplican al párrafo.




Saludos.


.

pitufo escribió:#contenido p {}
.izquierda {}

En este caso las dos reglas están seleccionando a los párrafos, pero el primer selector tiene mas peso que el segundo por lo tanto las propiedades del primero son las que se aplican al párrafo.
Saludos.
.

Ok, entonces qué podría hacer para que me cogiera las propiedades de .izquierda?

Gracias por tu ayuda.

En este caso seria así:

#contenido .izquierda {}




Saludos.



.

pitufo escribió:En este caso seria así:

#contenido .izquierda {}

Saludos.

.

Bueno, pero así tengo los dos divs con idénticas propiedades, y yo quisiera que "contenido" tenga el texto alineado a la derecha por defecto, y en determinados divs yo pueda alinearlo a la izquierda.

#contenido .izquierda Es un selector descendiente mas no un selector de grupo.





Saludos.


.

pitufo escribió:#contenido .izquierda Es un selector descendiente mas no un selector de grupo.

Saludos.

.

Perdona mi ignorancia hacia el tema Pitufo, pero es que no te entiendo. ¿qué tendría que poner?
entonces no es posible...

De nuevo te agradezco que intentes ayudarme.

Hola.


Tu lo tienes así:

#contenido p {}
.izquierda {}


Para que funcione como quieres tiene que estar así:

#contenido p {}
#contenido .izquierda {}





Saludos.



.

pitufo escribió:Hola.

Tu lo tienes así:

#contenido p {}
.izquierda {}

Para que funcione como quieres tiene que estar así:

#contenido p {}
#contenido .izquierda {}
Saludos.
.

Ahora lo he entendido perfectamente Pitufo, y también me ha funcionado. Te agradezco de verdad tu ayuda. Ignoraba que se pudiera combinar dos selectores de este modo.
Saludos.