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