Руководство по CSS

CSS @ правила (RULES)

Полный список CSS свойств

Функции CSS Полное руководство по селекторам CSS

CSS [attribute=value] селектор

Представляет элемент, который имеет атрибут с именем attribute и значением "value".

Полное руководство по CSS селекторам

Онлайн пример

Выберите все элементы a с target="_blank".

Пример

<!DOCTYPE html>
<html>
<title>Учебник по основам (oldtoolbag.com)</title>
<head>
<style>
a[target=_blank]
{
background-color:blue;
color:#ffffff;
}
</style>
</head>
<body>
<p>Ссылки с атрибутом target будут заполнены синим фоном:</p>
<a href="//ru.oldtoolbag.com">oldtoolbag.com</a>
<a href="//www.baidu.com" target="_blank">baidu.com</a>
<a href="//www.pcjson.com" target="_top">pcjson.com</a>
<p><b>Внимание</b>　Для того чтобы [<i>attribute</i>] работал в IE8 и более ранних версиях, необходимо объявить DOCTYPE.</p>
</body>
</html>

Проверьте, посмотрите ‹/›

Определение и использование

[attribute=value] селектор используется для выбора элементов, которые имеют заданные атрибут и значение.

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают[attribute=value] селектор.

Внимание: 　[attribute=valueВ IE8 для работы необходимо объявить <!DOCTYPE>

Связанные статьи

CSS учебник: CSS селектор свойств

Полное руководство по CSS селекторам

Функции CSS Полное руководство по селекторам CSS