E’ il momento di sperimentare nuove proprietà dei fogli di stile.
I selettori adiacenti sono una funzionalità dei CSS spesso ignorata, ma dalle grandi potenzialità . Con una semplice dichiarazione infatti è possibile identificare l’elemento immediatamente vicino (quindi adiacente) ad un altro. Ad esempio con
div + p {
color: #a00;
}
è possibile assegnare delle proprietà al primo paragrafo contenuto in un div, paragrafo che in questo caso diventerà rosso.
Niente classi o id, è possibile gestire tutto tramite CSS senza bisogno di appesantire il codice HTML. L’altra buona notizia è che questo tipo di selettore funziona su tutti i principali browser, escluso ovviamente Internet Explorer 6. Firefox, Explorer 7, Safari, Opera e Chrome la supportano senza problemi.
E’ tempo quindi di sperimentare ed iniziare ad utilizzarli, anche come progressive enhancement, per offrire ai visitatori con un browser recente una migliore esperienza di navigazione.
Related articles
- Introduction to CSS (olgalf.wordpress.com)
- How to add a CSS table next to my google map? (stackoverflow.com)
- Best practices for writing HTML and CSS (worldwidecode.wordpress.com)
