doc:appunti:prog:usare_i_fogli_di_stile
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
doc:appunti:prog:usare_i_fogli_di_stile [2012/10/04 18:41] – [Attributo CLASS] niccolo | doc:appunti:prog:usare_i_fogli_di_stile [2017/01/09 16:10] (current) – niccolo | ||
---|---|---|---|
Line 43: | Line 43: | ||
===== Attributo CLASS ===== | ===== Attributo CLASS ===== | ||
+ | |||
+ | <code css> | ||
+ | select.mybutton { | ||
+ | color: red; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Il selettore **'' | ||
<code css> | <code css> | ||
Line 65: | Line 75: | ||
</ | </ | ||
</ | </ | ||
+ | |||
+ | ==== Effetto cascata ==== | ||
Per utilizzare l' | Per utilizzare l' | ||
Line 71: | Line 83: | ||
<span class=" | <span class=" | ||
</ | </ | ||
+ | |||
+ | ==== Ordine di applicazione delle classi ==== | ||
+ | |||
+ | Gli stili derivati da più classi vengono applicati non secondo l' | ||
+ | |||
+ | ===== Selettore multiplo ===== | ||
+ | |||
+ | <code css> | ||
+ | article h2 { | ||
+ | color: red; | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Il selettore **'' | ||
+ | |||
+ | <code css> | ||
+ | article > h2 { | ||
+ | color: red; | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | in questo caso invece la discendenza deve essere diretta (figlio diretto). | ||
+ | |||
+ | <code css> | ||
+ | a:focus > img { | ||
+ | outline-color: | ||
+ | outline-style: | ||
+ | outline-width: | ||
+ | outline-offset: | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | In questo caso il selettore si applica all' | ||
+ |
doc/appunti/prog/usare_i_fogli_di_stile.1349368878.txt.gz · Last modified: 2012/10/04 18:41 by niccolo