|
I CSS non sarebbero uno strumento cosi' potente senza questi tipi di selettori. Classi e ID sono
davvero una delle chiavi per sfruttare al meglio questo linguaggio. Partiamo dall'inizio. In (X)HTML esistono due attributi fondamentali applicabili a tutti gli elementi: sono class e id. Dichiarare questi attributi a prescindere dai CSS non ha alcun senso e non modifica in alcun modo la presentazione della pagina. Ecco un esempio: qui abbiamo assegnato al paragrafo un attributo class="testorosso": <p class="testorosso">....</p> Come vedete non succede nulla. Il problema e' che il valore dell'attributo class deve trovare una corrispondenza in un foglio di stile. Qui, abbiamo definito un CSS incorporato creando un selettore di tipo classe e assegnando ad esso il nome testorosso: <style type="text/css"> .testorosso { font: 12px arial, Helvetica, sans-serif; color: #FF0000; } </style> Il testo del nostro paragrafo sara' ora formattato secondo i nostri desideri: testo rosso, carattere arial. dimensione di 12px. |