Selettori di attributo CSS e gestione delle immagini
Mercoledì 2 Dicembre 2009 - 08:45
di Cesare Lamanna
Tante volte si guarda ai CSS e alla loro evoluzione solo in vista della possibilità di applicare questo e quell’effetto visivo. E si dimentica quanto utili e potenti possano essere aspetti del linguaggio come i selettori avanzati. Certo, anche su questo punto non mancano le voci di quanti vorrebbero di più, ma con quello che si ha a disposizione già oggi molto si può fare.
Andy Clark, ad esempio, spiega come un uso accorto dei selettori di attributo possa in certi scenari tornare vantaggioso nella gestione delle immagini e della loro presentazione. Gli scenari proposti spaziano dalla possibilità di applicare regole ad hoc alle immagini provenienti da un certo sito esterno a quella di formattare in modi specifici quelle contenute in una certa cartella del sito:
<img src="thumbnails/promo-main-css.png" alt="" />
img[src*=”thumbnails”] {
/* Styles */ }
I selettori di attributo usati negli esempi (rintracciano la presenza di una certa sottostringa nel valore dell’attributo) non sono parte della specifica CSS2, ma sono un’aggiunta introdotta nel modulo per i selettori dei CSS3.
No, IE6 non li supporta :)
Commenti
1
E si dimentica quanto utili e potenti possano essere aspetti del linguaggio come i selettori avanzati.
No, non si dimentica: non si usa perche’ “IE6 non li supporta”.
E’ diverso.
Si poteva DA TEMPO (CSS2) usare selettori cosi’:a[href=”http://www.w3.org/”]
Ma non lo facciamo perche’ “IE6 non li supporta”.
Vado a farmi un caffe’ perche’ “IE6 non lo sopporto”.# - postato da pbattino - 02 Dicembre 2009 - 11:28
2
@pbattino
io alcune soluzioni “indolore” le ho adottate anche alla faccia di ie6…
ad esempio queste per avere un’icona che segnala i link esterni…
a[href^”=http://”]
3
QUalche “libertà” si puo’ prendere, tra condizionali e affini, rimane lampante come per ora date le ancora rilevanti percentuali di utilizzo del famigerato 6, siamo con le mani un pochino legate…
4
Scusatemi ma non posso fare a meno di segnalare questa cosa: googolando in rete su di un sito che mi interessava ho trovato tutta la ome nera e guardando il codice ho trovato
CAPITE: COLOR BLANK! :lol
# - postato da sLa - 02 Dicembre 2009 - 22:58
5
… ops
-style:color:blank-
# - postato da sLa - 02 Dicembre 2009 - 22:59
6
E’ sempre “lui” che impedisce a noi poveri sviluppatori di utilizzare in modo veramente rilevante i CSS (mi riferisco in special modo ai nuovi selettori CSS3).
La regola rimane sempre la stessa per quanto mi riguarda…foglio a parte per le regole CSS3 ed overload delle classi o dei selettori con regole cross-browser per chi non “gradisce” (o non vuole gradire…) :)
# - postato da Davide - 09 Dicembre 2009 - 08:41
7
Ragazzi, per quanto mi riguarda inizio a tenere sempre meno in considerazione ie6….è troppo frustrante lavorare continuamente in funzione sua…non ne posso più!…e poi perchè microsoft non ha messo l’update automatico come ha fatto google con Chrome?
# - postato da mancarius - 10 Dicembre 2009 - 10:28
8
Più che altro mi domando come mai IE non implementa mai correttamente alcuno standard…
# - postato da Davide - 23 Dicembre 2009 - 08:47