CSS селектор атрибута

Селектор атрибута выбирает все HTML-элементы, имеющие определённый атрибут, независимо от значения этого атрибута. В CSS-коде для обращения к селектору атрибута используются квадратные скобки, внутри которых располагается имя атрибута:

/* Выбор всех элементов с атрибутом class */
[class] { color: red; }

Для более узкого выбора элементов можно поставить селектор элемента перед селектором атрибута:

/* Выбор всех элементов <p> с атрибутом class */
p[class] { color: red; }

Селектор атрибута позволяет выбирать элементы, имеющие более одного атрибута. Для выбора элементов с несколькими атрибутами селекторы атрибутов записываются один за другим:

a[href][title] { font-weight: bold; }

Жирным шрифтом будут выделены только элементы <a>, имеющие и атрибут href, и атрибут title.

Пример

a[target] { background: yellow; }

<ul>
  <li><a href="all_properties.php">Справочник CSS</a></li>
  <li><a href="selectors.php" target="_blank">Селекторы</a>
  </li>
  <li><a href="00_teacher.php">CSS самоучитель</a></li>
</ul>