selectors - selector de hijos css

¿Cómo seleccionar múltiples elementos que son hijos de un elemento dado?

Question

Tengo <div id=''mydiv''> y necesito seleccionar todos pre elementos pre y div que son hijos de #mydiv .

Podría hacerlo de esta manera:

div#mydiv > pre, div#mydiv > div

pero, ¿se puede hacer para que #mydiv se #mydiv referencia solo una vez?

div#mydiv > pre, div

seleccionará todas las div en la página independientemente de si son hijos de #mydiv , por lo que la coma no es una forma de hacerlo. ¿Tal vez hay otro tipo de sintaxis que no conozco?

Answer 1

Hasta donde yo sé, no hay una abreviatura para la agrupación de selectores.

Ver " Agrupación de Selector ".

Aunque, con LESS , es posible en la sección "Reglas anidadas".

Answer 2

La única forma de hacer referencia a la identificación una sola vez es usarla con el * selector:

#mydiv > * {

que se aplicará a todos los elementos que son hijos de ese div.

Dependiendo de los estilos que planee aplicar, esto podría ser factible (normalmente uso esto para poner a cero los márgenes, el relleno y los estilos de borde), pero probablemente sea mejor hacerlo de la primera manera porque hace más fácil hacer excepciones / cambios. más adelante en el camino.

Answer 3

Tendrás que hacer referencia a #mydiv dos veces ...

#mydiv > pre, #mydiv > div

Eliminé el selector de elemento div extraño ya que el ID es lo suficientemente específico.