¿Por qué se usan espacios para separar cosas en css?

Aquí hay algo en una hoja de estilo wordpress que no entiendo:

blockquote cite, blockquote em, blockquote i { font-style: normal; } 

¿Qué hace el espacio entre blockquote y cite? Entiendo que si están separados por una coma, entonces tanto blockquote como cite tendrán “font-style: normal”; ahora están separados por espacio, ¿esto significa que si una etiqueta blockquote está incrustada en una etiqueta cite obtendrá “font-style: normal;”?

Gracias.

El espacio se conoce como el combinador descendiente . blockquote cite selecciona cualquier elemento de cite dentro de un elemento blockquote . Del mismo modo para blockquote em y blockquote i .

En otras palabras, no es “si una etiqueta blockquote está incrustada en una etiqueta cite”, es al revés (además, no se puede colocar blockquote en cite en primer lugar).

Como se observa, las secuencias de selector de grupo de comas en la misma regla.

Esto significa marcar la etiqueta cite dentro de la blockquote etc.

En este caso, el sitio intenta anular todas las cursivas establecidas dentro de una blockquote .

Un espacio entre los selectores hará que la hoja de estilos aplique la regla de forma selectiva. Un espacio es el selector o combinador descendiente. Se aplica a cualquier elemento descendiente dentro del descendiente.

Una regla de blockquote cite { font-style: normal; } blockquote cite { font-style: normal; } solo aplicaría el estilo de fuente tanto para el item 1 como para el item b . Tanto el item 1 como el item b son descendientes del item A item A no recibirá la regla.

  A. item A (Blockquote) 1. item 1 (Cite) a. item a b. item b (Cite) 2. item 2 

Esto es ligeramente similar al selector > . Ese es el selector de niños. Se aplica a cualquier hijo de un elemento. Un niño es un descendiente de primer nivel. En la tabla de arriba con la regla blockquote > cite { font-style: normal; } blockquote > cite { font-style: normal; } cambio, el item b no obtendría la regla de estilo de fuente aplicada, ya que es un descendiente de segundo nivel, por lo tanto, no es un niño. item A tampoco obtendría la regla.

Si desea que tanto blockquote como cualquier cite dentro de blockquote obtenga la regla, ambos deben estar listados:

blockquote, blockquote cite { font-style: normal; }