Reglas- necesito una pequeña explicación

[DoPeY-BBS]

Saludos amigos ¿me recuerdan? espero que si :)

Bien, como ustedes saben yo soy un poco necio con esto de css (no me entra mucho en el caco) y tengo una preguntita.

Código CSS:

p { color: red; }
p { color: blue; }
 

Código CSS:

div p { color: red; }
p { color: blue; }
 

Según este libro que compreHTML Dog: The Best-Practice Guide to XHTML and CSS la primera regla me colorea los párrafos azules debido a que esta es la ultima regla añadida.

Pero en el segundo ejemplo los parrafos se colorean rojos

No entiendo muy bien esto.

saludos

[GAST0N]

mira la diferencia es la siguiente

aplicando esta regla:

p {color:blue} pintas todas los parrafos

ahora con esta regla

div p{color:red} pinta todos los parrafos que esten dentro de un div.. es decir si la etiqueta esta dentro de un div la va a pintar rojo, de lo contrario sera azul

<div id="ejemplo"><p>ESTO SE VA A PINTAR DE ROJO</p></div>
<p>ESTO SE VA A PINTAR DE AZUL</p>

[C2am]

Tambien estos libros gratuitos:
www.librosweb.es

[DoPeY-BBS]

No no no, eso lo se

[GAST0N]

Iniciado por DoPeY-BBS

No no no, eso lo se

???????????

[DoPeY-BBS]

La cosa tiene que ver con conflictos de reglas o algo por el estilo.. sobre especificaciones ..

Si en una hoja de estilo hay una misma reglas... ¿cual de todas aplicar? a eso es ke me refiero

[GAST0N]

Iniciado por DoPeY-BBS

La cosa tiene que ver con conflictos de reglas o algo por el estilo.. sobre especificaciones ..

Si en una hoja de estilo hay una misma reglas... ¿cual de todas aplicar? a eso es ke me refiero

SE APLICA LA ULTIMA

p{color:red;}
p{color:blue;}

se pinta azul

[DoPeY-BBS]

si pero lee el post de arriba.. eso fue lo que dije.. pero en el segundo ejemplo porque no se pinta la ultima

[GAST0N]

Iniciado por DoPeY-BBS

si pero lee el post de arriba.. eso fue lo que dije.. pero en el segundo ejemplo porque no se pinta la ultima

bueno para eso habria q ver el html.. pero imaginate q una web esta en un contenedor

<div id="contetn"></div>

todo lo q este dentro ya pertenece a un div..

[DoPeY-BBS]

En la segunda regla el div no se colorea y p toma el color de p que es blue

si no me equivoco, es asi

[kseso?]

Iniciado por DoPeY-BBS

Código CSS:

p { color: red; }
p { color: blue; }
 

Regl de "lo último prevalece"

Código CSS:

div p { color: red; }
p { color: blue; }
 

ESPECIFICIDAD

De todas formas, de haberse tomado el pequeño trabajo de consultar el manual de css sugerido por C2man en #3 lo hubiese descubierto.

[DoPeY-BBS]

Me dejaste igualito. en mi firma tengo ese tutorial por si no lo haz notado pero en fin, gracias por la ayuda

[kseso?]

¿Sí?
Pues discúlpeme, pero cualquiera lo diría:
especificidad site:http://librosweb.es/css
Y ahí, en el primer enlace:
http://cache.librosweb.es/css/capitu...e_estilos.html

Creí, que con su experiencia, no lo necesitaría tan especificado

[DoPeY-BBS]

Iniciado por kseso?

¿Sí?
Pues discúlpeme, pero cualquiera lo diría:
especificidad site:http://librosweb.es/css
Y ahí, en el primer enlace:
http://cache.librosweb.es/css/capitu...e_estilos.html

Creí, que con su experiencia, no lo necesitaría tan especificado

Entiendo, mientras mas especifico sea el selector, sobresale

en este caso se colorea la p ke esta en el div