A més de definir l'estil d'un element HTML, CSS també permet especificar els seus propis selectors denominats "id" i "class".
- El selector de id s'utilitza per especificar un estil per a un únic element únic.
- El selector de id utilitza l'atribut id de l'element HTML i es defineix amb un "#".
- La regla d'estil s'aplicarà l'element amb id = "exemple1":
#exemple1
{
text-align:center;
color:red;
}
<body>
<p id="exemple1">Lorem ipsum dolor sit amet...</p>
</body>
El selector de classe s'utilitza per especificar un estil per a un grup d'elements.
- A diferència del selector de la id, el selector de classe és la més utilitzada en diversos elements.
- Això permet definir un estil particular per a molts elements HTML amb la mateixa classe.
- El selector de classe utilitza l'atribut de classe HTML, i es defineix amb un "."
- En el següent exemple, tots els elements HTML amb class = "centrar" es mostraran centrats
.centrat{
text-align:center;
color:red;
}
<body>
<p class="centrar">Lorem ipsum dolor sit amet...</p>
<p class="centrar">>Nunc sed lacus et est adipiscing accumsan...</p>
</body>
També es pot especificar que els elements HTML específics només s'ha d'aplicar a una classe.
En el següent exemple, tots els elements p amb class = "centrar" es mostraran centrats
p.centrat{
text-align:center;
color:red;
}
Cap comentari:
Publica un comentari a l'entrada