CSS3 - selektory atrybutów

CSS3 - selektor attribute^

wtorek, 08 luty 2011 10:46 pwimmer
Drukuj

Tematy: attibute* | attribute^ | attribute$

Selektor atrybutu attribute^=wartość pozwala wybrać element, w którym wartość atrybutu zaczyna się od danego ciągu znaków.

Selektor o postaci:

a[href^="https"] {border:solid 1px olive; padding:2px; }

spowoduje, że wszystkie adresy z protokołem https będą wyświetlane z 1-pikselową obwódką w oliwkowym kolorze, z odstępem 2 pikseli.

http://www.helion.pl

https://docs.google.com

Kod o postaci:

img[title^="kot"] {border: dotted 2px red; }

spowoduje, że zdjęcia z ciągiem znaków "kot" na początku atrybutu title będą miały czerwoną, kropkowaną obwódkę.

Interpretacja: Internet Explorer 9, Firefox, Opera, Chrome.