СSS Селектор [атрибут=значение]
Пример
Стиль элемента <a> с target="_blank":
a[target=_blank]
{
background-color: yellow;
}
Редактор кода »
Определение и использование
Селектор [attribute=value] используется для выбора элементов с указанным атрибутом и значением.
Версия: | CSS2 |
---|
Поддержка браузеров
Числа в таблице указывает первую версию браузера, которая полностью поддерживает селектор.
Селектор | |||||
---|---|---|---|---|---|
[attribute=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Примечание: Селектор [attribute=value] для работы в IE8 и ранее <!DOCTYPE> должна быть объявлена.
CSS Синтаксис
Примеры
Пример
Когда в <input type="text"> получает фокус, постепенно изменится ширина до 100 пикселей с шириной 250 пикселей и следующий:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
Редактор кода »
Связанные страницы
CSS Учебник: CSS Селекторы атрибутов