0:00:00.235,0:00:04.776
Amo los museos de arte. Pero no tengo tiempo para ir a museos de arte todos los días.

0:00:04.776,0:00:07.987
Afortunadamente, puedo encontrar hermosas pinturas en Internet.

0:00:07.987,0:00:11.278
Incluso aquí en Khan Academy, en nuestra sección de historia del arte.

0:00:11.278,0:00:14.340
Así que hice esta página web con listas de pinturas famosas,

0:00:14.340,0:00:21.318
con un encabezado y listas por cada estilo artístico, y enlaces a artículos sobre cada una de las pinturas.

0:00:21.318,0:00:25.164
Para hacer que esta página web se vea más llamativa, ya sabes, más artística,

0:00:25.164,0:00:31.149
he aplicado reglas de CSS para cambiar el tipo de letra de dos de los encabezados los "" y los "".

0:00:31.149,0:00:38.886
Me gusta la letra cursiva, pero pienso que "fantasy" debe lucir mejor, así que déjenme cambiar eso.

0:00:38.886,0:00:43.846
¡Oh! y tengo que cambiar aquí, porque tenemos dos reglas.

0:00:43.846,0:00:49.262
Pero en realidad, quiero que mis encabezados en esta página tengan siempre el mismo tipo de letra,

0:00:49.262,0:00:54.414
y no quiero tener que estar cambiando el tipo de letra en dos lugares, cada vez que cambio de parecer.

0:00:54.414,0:01:00.020
¿Cuál es la solución? Cambiar nuestras dos reglas CSS en una sola regla CSS.

0:01:00.020,0:01:04.038
Mmm, piensa en eso por un momento.

0:01:04.038,0:01:08.364
Probablemente sugieras añadir la misma clase a los encabezados "" y "".

0:01:08.364,0:01:12.047
Y eso definitivamente funcionaría, y podríamos tener una sola regla CSS para esa clase.

0:01:12.047,0:01:14.828
Pero en última instancia eso sería más trabajo para nosotros,

0:01:14.828,0:01:19.119
porque tendríamos que recordar añadir esa clase cada vez que hagamos un encabezado "" o "".

0:01:19.119,0:01:25.495
Afortunadamente, hay una mejor manera de hacerlo. Podemos agrupar nuestros selectores usando comas.

0:01:25.495,0:01:31.970
Sólo añadiremos una coma después de "h1" y luego escribiremos "h2".

0:01:31.970,0:01:37.262
Y luego podemos borrar esta otra regla porque está contenida en la primera.

0:01:37.262,0:01:39.947
¡Tan tan! Nuestra página web se ve igual.

0:01:39.947,0:01:44.272
Ahora cuando quiero experimentar con el cambio de tipo de letra, lo puedo hacer en un sólo lugar.

0:01:44.272,0:01:48.679
Aquí, cambiaré el tipo de letra a cursiva nuevamente, y ahora todo es cursiva.

0:01:48.679,0:01:55.765
Ten mucho cuidado con esta coma. Los selectores tienen que estar separados por coma, no por espacios.

0:01:55.765,0:02:03.046
Como hemos visto, un espacio se usa para selectores descendentes, y significa algo completamente diferente para CSS.

0:02:03.046,0:02:08.516
Agrupar selectores puede ser una gran herramienta para reducir el número de selectores redundantes que tenemos.

0:02:08.516,0:02:14.345
Pero no abuses de eso. No deberías agrupar selectores solamente porque parece que tienen las mismas propiedades ahora.

0:02:14.345,0:02:18.365
Deberías agrupar selectores porque quieres que siempre tengan las mismas propiedades.

0:02:18.365,0:02:21.887
Y eso es generalmente, cuando ellos son semánticamente muy similares.

0:02:21.887,0:02:28.262
En este caso, mi selector es para todos los tipos de encabezados, en los que a menudo quiero compartir los mismos estilos.

0:02:28.277,0:02:33.427
Mantente en sintonía para conocer un caso de uso común para agrupar selectores.