Pseudo-codice categoria di CSS

Con l'aggiunta di CSS, i collegamenti di Javascript possono essere dimenticati. In HTML, l'unico senso aggiungere questo effetto sarebbe usare il Javascript,

L'ancoraggio/collegamento di CSS dichiara

Non potete conoscerli, ma un collegamento ha quattro differenti dichiara che pu� essere dentro. Per adattare ciascuno per il cliente dichiarare, CSS � usato. Riferir prego alle seguenti parole chiavi quel che ciascuno corrisponde ad una specifica dichiara:

collegamento - questo � un collegamento che non � stato usato, n� � un puntatore del mouse che si libra sopra esso
visitato - questo � un collegamento di che � stato usato prima, ma gli non ha mouse
librazione - questo � un collegamento attualmente ha un puntatore del mouse librarsi sopra it/on esso
attivo - questo � un collegamento che � nel corso dello essere scattato

Potete fare un differente cercare ogni uno di questi dichiarate usando il CSS, ma alla conclusione di questa lezione suggeriremo una buona pratica per i collegamenti di CSS.

Pseudo-Codici categoria di CSS

che cosa avete visto � poco un differente che la disposizione per i collegamenti di CSS. Dovete usare la seguente formattazione di codice di CSS per modificare questi 4 dichiarate

Codice di CSS

a:(STATE'S NAME) { attribute: value; }

Come l'elemento del HTML dovrebbe comparire, secondo cui indicarlo � dentro, il nome della condizione che � denominato �codice categoria pseudo� � uesd. Sotto � un esempio di cambiare �il collegamento�, �visitato� e �la librazione� dichiara. Nota per fare un collegamento di funzionamento di CSS, l'ordine che sono definiti, � l'ordinamento adeguato.

Codice di CSS

a:link { color: red; }
a:visited { color: red; }
a:hover { color: blue; }

Codice di CSS

<a href="">This is a special CSS Link</a>!

Dichiara deve essere definito nell'ordine corretto. Qui � l'ordine, cominciando da quello che dovete definire in primo luogo:

visitati

attivi

Rimozione del Underline di difetto

Durante academic-tutorial.com probabilmente avete notato gli stili differenti che abbiamo per determinati collegamenti. A meno che stiate librando, il nostro menu non ha un underline mentre i collegamenti nel nostro soddisfare principale hanno underlines. Testo-decorazione di uso: nessuno rimuovere il underline da sicuro dichiara di un hyperlink.:

Codice di CSS

a:link { color: red; text-decoration: none; }
a:visited { color: red; text-decoration: none; }
a:hover { color: blue; }

Un esempio del campione

Per maneggiare dichiara di un hyperlink, sotto l'esempio del campione che usano molte forme di CSS

Codice di CSS

a:link {
color: white;
background-color: black;
text-decoration: none;
border: 2px solid white;
}

a:visited {
color: white;
background-color: black;
text-decoration: none;
border: 2px solid white;
}

a:hover {
color: black;
background-color: white;
text-decoration: none;
border: 2px solid black;
}

La tabella follwing descrive il Pseudo-codice categoria ed il relativo scopo:

Pseudo-class	Purpose
:active	Adds special style to an activated element
:focus	Adds special style to an element while the element has focus
:hover	Adds special style to an element when you mouse over
:link	Adds special style to an unvisited link
:visited	Adds special style to a visited link
:first-child	Adds special style to an element that is the first child of some other element
:lang	Allows the author to specify a language to use in a specified element