Comezando CSS
CSS confía nas regras de coincidencia de patróns para determinar que estilo aplica a que elemento do documento. Estes patróns chámanse selectores e van desde nomes de etiquetas (por exemplo, p para coincidir coas etiquetas de parágrafo) ata patróns moi complicados que coinciden con partes moi específicas dun documento (por exemplo, p # myid> b.highlight coincidiría con calquera etiqueta b con unha clase de destaque que é un fillo do parágrafo co id myid).
Un selector CSS é a parte dunha chamada de estilo CSS que identifica que parte da páxina web debe ser estilizada. O selector contén unha ou máis propiedades que definen como o estilo HTML seleccionado.
Os selectores CSS
Existen varios tipos diferentes de selectores:
- tipo selectores que coinciden cun elemento específico
- elementos de selección de clase con unha clase específica
- Seleccións de ID que combinan o elemento cunha ID específica
- selectores descendentes : elementos que son descendentes dun elemento específico
- Elementos de selección de fillos que son un fillo do elemento específico
- selectores universais que coincidan con calquera elemento
- Selección de irmáns adxacentes-elementos coincidentes inmediatamente precedidos por un elemento específico
- atributos de atributo-elementos coincidentes cun atributo específico ou valor de atributo
- elementos de seleccións de pseudo-clase con pseudo clase específica
- elementos de seleccións de pseudo-elemento con elementos de pseudo-elemento específicos
Formatear estilos CSS e selectores CSS
O formato dun estilo CSS é así:
selector {estilo de propiedade: estilo; }
Separa múltiples selectores que teñen o mesmo estilo con comas. Isto chámase agrupación de seleccións. Por exemplo:
selector1 , selector2 {property style: style; }
Selección de grupo é un mecanismo de taquigrafia para manter compactos os estilos CSS.
A agrupación anterior tería o mesmo efecto que:
selector1 {property style: style; }
selector2 {property style: style; }
Proba sempre os selector CSS
Non todos os navegadores admiten todos os selectores CSS. Polo tanto, asegúrese de probar os seus selectores en tantos navegadores en tantos sistemas operativos como poida. Pero se está a usar CSS 1 ou CSS2, debes estar ben.