Foros del Web » Creando para Internet » CSS »

Reglas- necesito una pequeña explicación

Estas en el tema de Reglas- necesito una pequeña explicación en el foro de CSS en Foros del Web. Saludos amigos ¿me recuerdan? espero que si :) Bien, como ustedes saben yo soy un poco necio con esto de css (no me entra mucho ...
  #1 (permalink)  
Antiguo 16/04/2011, 23:35
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 12 años, 1 mes
Puntos: 12
Reglas- necesito una pequeña explicación

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:
Ver original
  1. p { color: red; }
  2. p { color: blue; }

Código CSS:
Ver original
  1. div p { color: red; }
  2. 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
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #2 (permalink)  
Antiguo 16/04/2011, 23:52
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Reglas- necesito una pequeña explicación

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>
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 17/04/2011, 00:02
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Reglas- necesito una pequeña explicación

Tambien estos libros gratuitos:
www.librosweb.es
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #4 (permalink)  
Antiguo 17/04/2011, 00:12
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Reglas- necesito una pequeña explicación

No no no, eso lo se
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #5 (permalink)  
Antiguo 17/04/2011, 00:13
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Reglas- necesito una pequeña explicación

Cita:
Iniciado por DoPeY-BBS Ver Mensaje
No no no, eso lo se
???????????
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #6 (permalink)  
Antiguo 17/04/2011, 00:20
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Reglas- necesito una pequeña explicación

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
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #7 (permalink)  
Antiguo 17/04/2011, 00:24
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Reglas- necesito una pequeña explicación

Cita:
Iniciado por DoPeY-BBS Ver Mensaje
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
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #8 (permalink)  
Antiguo 17/04/2011, 00:26
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Reglas- necesito una pequeña explicación

si pero lee el post de arriba.. eso fue lo que dije.. pero en el segundo ejemplo porque no se pinta la ultima
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #9 (permalink)  
Antiguo 17/04/2011, 00:30
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Reglas- necesito una pequeña explicación

Cita:
Iniciado por DoPeY-BBS Ver Mensaje
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..
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #10 (permalink)  
Antiguo 18/04/2011, 11:48
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Reglas- necesito una pequeña explicación

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
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #11 (permalink)  
Antiguo 18/04/2011, 14:52
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Reglas- necesito una pequeña explicación

Cita:
Iniciado por DoPeY-BBS Ver Mensaje

Código CSS:
Ver original
  1. p { color: red; }
  2. p { color: blue; }
Regl de "lo último prevalece"
Código CSS:
Ver original
  1. div p { color: red; }
  2. 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.
  #12 (permalink)  
Antiguo 18/04/2011, 15:07
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Reglas- necesito una pequeña explicación

Me dejaste igualito. en mi firma tengo ese tutorial por si no lo haz notado pero en fin, gracias por la ayuda
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #13 (permalink)  
Antiguo 18/04/2011, 15:20
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Reglas- necesito una pequeña explicación

¿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
  #14 (permalink)  
Antiguo 18/04/2011, 16:07
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 12 años, 1 mes
Puntos: 12
Respuesta: Reglas- necesito una pequeña explicación

Cita:
Iniciado por kseso? Ver Mensaje
¿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
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos

Etiquetas: pequeña, reglas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:20.