Bruno R
Para dominar CSS debes entender: selectores, especificidad, herencia y cascada.
Elemento o de tipo ⇒ lleva el nombre del elemento (etiqueta) que esta en el HTML. No es recomendado usarlo exseptuando para "normalizar" (corregir) el estado de nuestro diseño web (que viene predeterminado por el navegador)
Clases ⇒ se utiliza el valor del atributo class en los elementos HTML para usarlos como selectores.
ID ⇒ identificador unico (que no se va a repetir nunca)
Otros ⇒ aparte del tipico class o id se puede seleccionar cualquier atributo para colocar estilos. Se escribe tal cual esta en HTML pero dentro de corchetes.
Se agrupan con "," significa que todos los selectores que vayan separados con comas llevan el mismo estilo.
cuando se agrupan selectores se colocan en lineas diferentes para mejorar la comprencion del CSS.
Mediante un espacio “ “ no es recomendable usarlos excepto casos muy particulares.
se aplican al dejar un espacio entre los selectores el selector q esta despues del espacio es hijo del selector que esta antes del espacio
">" con este selector compuesto se seleccionara el elemento que este enseguida a la izquierda del simbolo ">".es util a la hora de hacer listas desplegables.
(tienen que estar al mismo nivel para ser considerados hermanos)
se aplica al utilizar + entre los selectores
indicara que el selector despues de "+" compartira estilos con el selector a la izquierda del "+" sin necesidad de darle especificidadEj: dos elementos con distintas clases tienen anidados elementos con las mismas clases, para hacer que los elementos anidodos copien los estilos (elegidos) de los correspondientes elementos padres se utiliza este tipo de selector compuesto.
"~" (virgulilla) sirve para aplicar el estilo no solo al primer hermano sino que a todos.
son selectores "dinamicos" que funcionan en ciertas circunstancias.