March 11
selettori CSS consentono di specificare quali elementi HTML che si desidera uno stile specifico da applicare. Ciò può impedire il problema di un elemento paragrafo, per esempio, essere influenzato quando si intende per stilizzare un elemento diverso, ad esempio un ancoraggio o casella di testo. Un modo efficace per imparare i vari selettori è per categorizzare loro in base a come discernere quale elemento HTML da applicare.
C'è solo uno di questi tipi di selettori, ed è rappresentato da un asterisco. Utilizzare questo selettore quando si desidera uno stile CSS da applicare a tutti gli elementi. Ad esempio, la seguente definizione stile rende tutti gli elementi in un documento grassetto:
{
font-weight: bold;
}
selettori Element applicare stili CSS a specifici elementi in una pagina Web, come intestazioni, paragrafi o div. Ad esempio, il seguente stile CSS applica il corsivo ai soli elementi paragrafo:
p {
font-style: italic;
}
Quando si utilizza un selettore di classe per definire uno stile CSS, ogni elemento che si riferisce a tale classe sarà in grado di utilizzare tale stile. Ad esempio, se si definisce uno stile denominato "Big" che si applica il testo a 48 punti, ogni elemento che possiede l'attributo "class = Big" sarà in grado di utilizzare tale stile. L'esempio seguente mostra come si potrebbe applicare questo stile:
.Grande {
font-size: 48 pt;
}
Nel documento HTML, usare questo stile su un elemento di paragrafo come segue:
<P class = "Big"> il testo qui </ P>
definizioni di stile CSS possono applicare a un paragrafo specifico, div, casella di testo o un altro elemento all'interno di una pagina Web, in contrasto con uno stile che si applica a tutti i paragrafi, per esempio. Per scrivere uno stile CSS che si applica a un elemento, utilizzare il carattere "#" seguito dal "id" che si desidera selezionare. L'esempio seguente rende il testo nell'elemento cui "id" è "MyElement" grassetto:
MyElement {
font-weight: bold;
}
I selettori di attributo consentono di definire stili per gli elementi HTML che assegnano un valore a un attributo specifico, come ad esempio l'attributo "href" dell'ancora tag "<a>." il seguente stile CSS si applica a qualsiasi elemento che assegna un valore a suo attributo "href":
[Href] {
font-weight: bold;
}
stili CSS possono applicare a pseudo classi, che sono classi predefinite relative allo stato di un elemento HTML. Un esempio di uno Stato è "hover", quando il mouse passa sopra un link o altro elemento HTML. La seguente definizione di stile rende link in grassetto quando il mouse passa su di loro:
a: hover {
font-weight: bold;
}