¿Qué es un selector de CSS?

Degui Adil / Getty Images

CSS se basa en reglas de coincidencia de patrones para determinar qué estilo se aplica a qué elemento del documento. Estos patrones se llaman selectores y van desde nombres de etiquetas (por ejemplo,

|_+_| para hacer coincidir etiquetas de párrafo) hasta patrones muy complicados que coinciden con partes muy específicas de un documento. Por ejemplo, |_+_| coincidiría con cualquier |_+_| etiqueta con una clase de |_+_| que es un elemento secundario del párrafo con el id |_+_|Un selector CSS es la parte de una llamada de estilo CSS que identifica qué parte de la página web debe diseñarse. El selector contiene una o más propiedades que definen cómo el seleccionado HTML

Los selectores de CSS

Hay varios tipos diferentes de selectores:

• selectores de tipo: hacer coincidir un elemento específico
• selectores de clase: elementos coincidentes con una clase específica
• Selectores de ID: hacer coincidir el elemento con una ID específica
• selectores de descendientes – elementos coincidentes que son descendientes de un elemento específico
• selectores secundarios: elementos coincidentes que son secundarios del elemento específico
• selectores universales: combina con cualquier elemento
• selectores de hermanos adyacentes: elementos coincidentes inmediatamente precedidos por un elemento específico
• selectores de atributos: elementos coincidentes con un atributo específico o valor de atributo
• selectores de pseudoclase: elementos coincidentes con una pseudoclase específica
• selectores de pseudoelementos: elementos coincidentes con propiedades específicas de pseudoelementos

Dar formato a estilos CSS y selectores CSS

El formato de un estilo CSS Se ve como esto:

|_+_|

Separe varios selectores que tengan el mismo estilo con comas. Esto se denomina agrupación de selectores. Por ejemplo:

|_+_|

Selectores de agrupación es un mecanismo abreviado para mantener tus estilos CSS compactos. La agrupación anterior tendría el mismo efecto que:

|_+_|

Pruebe siempre sus selectores de CSS

No todos los navegadores antiguos admiten todos los selectores de CSS. Si está configurando CSS para usar con navegadores tan antiguos como IE8 o anteriores, asegúrese de probar sus selectores en tantos navegadores en tantos sistemas operativos como crea que se pueden usar para acceder a su código. Si está utilizando CSS1, CSS2 , o selectores CSS3 para usar con los navegadores actuales, debería estar bien.