Wikibooks

CSS/Selettori: differenze tra le versioni

Naviga nella cronologia in modo interattivo
← Differenza precedenteDifferenza successiva →
Contenuto cancellato Contenuto aggiunto
VisualeWikitesto
viene applicato solo al paragrafo, non ai singoli elementi
non solo HTML ; - frase: HTML e XHTML sono due cose distinte e separate
Riga 2:
{{CSS}}
I CSS possono contenere diverse indicazioni sullo stile dei vari elementi della pagina, i quali devono essere identificati dai '''selettori'''. I selettori possono riferirsi a:
*elementi HTML
*ID
*classi
Esistono oltre a questi anche particolari elementi o classi, chiamate pseudo-classi e pseudo-elementi.
 
== Tag HTML ==
Il caso più semplice di selettore, che definisce gli attributi CSS per tutti gli '''elementi HTML con un determinato nome''', è quello di un semplice tag HTML. In questo caso gli attributi verranno applicati ogni volta che quel tag è presente nel documento. Ad esempio:
<source lang=css>p { border: 1px dotted blue; }</source>
Questo codice di esempio farà in modo che ogni elemento <code>p</code> (i paragrafi) della pagina abbia un bordo blu tratteggiato di un pixel di spessore.
 
== ID e classi ==
Un '''id''' è un selettore CSS che può essere assegnato ad un solo elemento nella pagina, identificato univocamente dall'attributo <code>id</code>. Una classe è un insieme di proprietà che può essere invece assegnato a uno o più elementi HMTL tramite l'attributo <code>class</code>. La sintassi è:
<source lang=css>
#nome_id { dichiarazioni }
.nome_classe { dichiarazioni }
</source>
e, nellanel pagina HTMLdocumento, sono richiamate in questo modo:
<source lang=html4strict>
<elemento_htmlelemento id="nome_id">...</elemento_htmlelemento>
<elemento_htmlelemento class="nome_classe">...</elemento_htmlelemento>
</source>
Per quanto riguarda le classi, è possibile stabilire dichiarazioni diverse a seconda essa sia attribuita ad un elemento piuttosto che ad un'altra:
Riga 36:
p.evidenziato.grassetto { dichiarazioni }
</source>
e, nellanel pagina HTMLdocumento:
&lt;p class="evidenziato grassetto"&gt;...&lt;/p&gt;
 
Riga 94:
 
== Altri tipi di selettori ==
Basandosi sulla '''gerarchia degli elementi HTML''' nellanel paginadocumento è possibile definire alcuni stili particolari. In questi casi è però meglio che la pagina sia strutturata secondo gli standard [[w:XHTML|XHTML]].
*'''elementi figli''': è possibile definire uno stile per tutti gli elementi contenuti in un altro. La sintassi è:
<source lang=css>
Estratto da "https://it.wikibooks.org/wiki/CSS/Selettori"