CSS – Attribute Selectors
CSS разполага с няколко “странни” символа, които в други езици са известни като wildcards. Тези символи представляват селектори на текст и могат да съвпадат с части от текста.
- [att^=val] – започва с “val”
- [att$=val] – завършва с “val”
- [att*=val] – съдържа “val”
Атрибут селекторите могат да се използват за всякакви атрибути на таговете, като класове (.class1, class2…) или идентификатори(#id1, id2…), href, title, name и т.н.
Примери за прилагане на стилове с атрибут селектора “започва с”:
The “begins with” CSS selector – DEMO
Примери за прилагане на стилове с атрибут селектора “завършва с”:
The “ends with” CSS selector – DEMO
Примери за прилагане на стилове с атрибут селектора “съдържа”:
The “contains” CSS selector – DEMO