CSS позволяет задавать стиль, например, тем тэгам у когторых есть определенный атрибут или даже у которых этот атрибут равен определенному значению. Все это расширяет возможности стилизации элементов.
Для того, чтобы задать стиль тэгу, с наличием определнного атрибута, в селекторе, после объявления тэга и возможно его класса, идентификатора, нужно написать квадратныек скобки и внутри них название этого атрибута.
Например зададим определенный стиль тэгу <img>, который имеет атрибут title, HTML-код:
CSS-код:
Вот как это будет выглядеть:
Если же вы хотите задавать стиль только тем тэгам, у которых атрибут равен определнному значению, в квадратных скобках название атрибута нужно приравнять к этому значению. Рассмотрим пример, где мы хотим задать всем <input>, которые в качестве значения атрибута type имееют text.
HTML-код:
CSS-код:
Вот как это выглядит: