CSS - ELS SELECTORS

Selector Universal

* {
declaracions
}

Selector de Tipus [Redefineix etiquetes HTML]

p {
declaracions
}

Selector descendents [per seleccionar elements en cas que estiguin anidats entre d'altres]

p b {
declaracions
}

En aquest exemple està seleccionant totes les negretes que vagin a dins de paràgrafs.

Selector de Classe(per definir estils personalitzats)
[per cridar-los des dels elements HTML es posa l'atribut class="nom_estil_personalitzat"]

.negreta12 {
font-size:12px;
font-weight:bold;
}


p.negreta12 {
font-size:12px;
font-weight:bold;
/* En aquest cas el selector és més específic ja que s'està referint només als paràgrafs que tenen negreta12 com a valor de l'atribut class.*/
}

Selectors de zona
[Per aplicar-los a zones identificades amb un nom mitjançant l'atribut id="nom_de_zona"]

#zona1 {
declaracions
}


div#zona1 {
declaracions
}
/* En aquest cas el selector de zona és més específic ja que s'està referint només a l'element, en aquest cas DIV, que té com a identificació id="zona1"*/