De cand se discuta despre specificatia CSS3, dezvoltatorii au inceput sa-si doreasca din ce in ce mai multe optimizari ale acestuia. Printre acestea se afla si posibilitatea de a incarca variabile pentru limitarea codului repetitiv.
Pana acum credeam ca sunt doar zvonuri, dar se pare ca acestea incep sa se materializeze. Am citit recent acest articol care m-a pus pe ganduri. Se pare ca mai nou CSS3 stie sa intepreteze o proprietate numita currentColor.
Cum functioneaza? Iata un exemplu:
div {
color: #f00;
border: 5px solid currentColor;
}
Vestea buna este ca proprietatea este mostenita, asa ca pentru elementele descendente, nu mai trebuie definita odata valoarea lui color.
table {
color: #C2C2C2;
}
td {
border: 1px solid currentColor;
}
Din pacate, se pare ca nu toate declaratiile suporta aceasta “variabila”. Am incercat sa o folosesc intr-un box-shadow si a refuzat sa functioneze pe Chrome. In Firefox a fost ok.
Din pacate, in forma in care se afla acum, aceasta asa zisa variabila nu este foarte utila (cel putin eu nu-i vad utilitatea). Ce ma bucura pe mine este ca se fac pasi in aceasta directie. Se va lucra probabil la imbunatatirea acestor aspecte pana cand vor deveni cu adevarat utile.