Capas y pixeles

[Jorolo]

Iniciado por caneva

Gracias jorolo, porcierto ¿que diferencia hay entre las siguientes opciones?:

a) #id ul, il
b) #id ul il
c) #id ul #id il
d) #id ul, #id il


Evidentemente algunas de estas sintaxis pueden no ser válidas, en tal caso me gustaría que me lo indicaraís.

Esto es válido. (il=li supongo errata)
http://www.sidar.org/recur/desdi/tra...lector.html#q1

¿que diferencia hay entre las siguientes opciones?:

a) y d)

p em,
.azul { color: red; }

es igual a esto:
p em { color: red; }
.azul { color: red; }

Código HTML:

<style type='text/css'>
p em, .azul { color: blue; }

/* es igual a esto: */

    p em { color: blue; }
   .azul { color: blue; }


#id1,
#id2 { color: red; }

#id1,
#id3 { text-decoration: underline; }

</style>

<h2 class='azul'>Parrafo uno</h2>
<p>El <em>azul</em> es elegante</p>

<hr>

<div id='id1'><p>div id='id1</p></div>
<div id='id2'><p>div id='id2'</p></div>
<div id='id3'><p>div id='id3'</p></div> 

b) y c)

#id ul li { color: red; }

Las reglas css conviene leerlas al reves (empezando por el final) y pensar en ellas como si fueran frases.
Apliquesele: { color: red; }
a todo elemento: li
que sea descendiente de un elemento: ul
que ( a su vez...) sea descendiente de: #id

No sé si se entiende pero eso significa.

Iniciado por caneva

Y otra pequeña dudilla :S. Imaginemos que tengo dos identificadores distintos para dos <div> distintos (por ejemplo: #id1 y #id2), aunque los dos <div> contengan una etiqueta "<p>" cada uno. ¿Hay alguna forma de hacer referencia mediante css a #id1 p y #id2 p simultaneamente en el mismo "bloque"? me explico:

Una opción sería normal sería:

Código:

#id1 p
{}
#id2 p
{}

Pero claro me resultaría más cómodo que se pudiera hacer algo así:

Código:

a #id1, #id2
{}

Y esa es mi duda si se puede hacer y bajo que condiciones de sintaxis, gracias.

a #id1,
a #id2 { color: red; }