Зачем использовать селектор атрибутов для соответствия классам?

Я нашел пример откликающихся шаблонов электронной почты, где есть такие селектора CSS, такие как:

a[class="btn"]

Почему этот синтаксис используется, если он полностью совпадает с:

a.btn

Это влияет на мобильные браузеры или что-то еще?

Ответ 1

Синтаксис [] - это селектор атрибутов.

a[class="btn"]

Это выберет любой тег <a> с помощью class="btn". Однако он не будет выбирать <a>, который имеет class="btn btn_red", например (тогда как a.btn будет). Он точно соответствует этому атрибуту.

Возможно, вы захотите прочитать 30 селекторов CSS, которые вы должны запомнить. Это бесценно для любого начинающего веб-разработчика.