Лучшее руководство по CSS селекторы атрибутов в 2024 году. В этом руководстве вы можете изучить Элементы HTML стиль с определенными атрибутами,селекторы атрибутов,примеров,Атрибуты и значения селекторов,примеров,Выберите Свойства и значение - больше значения,примеров,примеров,Форма стиль,примеров,

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

Элементы HTML стиль с определенными атрибутами

HTML стиль элемент не просто класс и идентификатор со специфическими свойствами.

Примечание :! IE7 и объявление DOCTYPE IE8 нужно поддерживать только селекторы атрибутов!IE6 и более ранние версии не поддерживают селекторы атрибутов.


селекторы атрибутов

Следующий пример должен содержать все элементы заголовка (названия) становится синим:

примеров

[Название] { цвет: синий ;}

Попробуйте »


Атрибуты и значения селекторов

Следующий пример изменяет стиль границы заголовка название = '' w3big элемент:

примеров

[Title = w3big] { граница: 5 точек твердый зеленый ;}

Попробуйте »


Выберите Свойства и значение - больше значения

Ниже приведен пример атрибута элемента стиля заголовка определяет значение с помощью (-) отделяя свойства и значения:

примеров

[Title ~ = привет] { цвет: синий ;}

Попробуйте »

Ниже приведен пример стиля элемента атрибута языки определяет значение использования (|) разделяет атрибуты и значения:

примеров

[Lang | = EN] { цвет: синий ;}

Попробуйте »


Форма стиль

Селекторы атрибутов стиля без использования формы класса или ID:

примеров

ввод [тип = "текст"] { ширина: 150 точек ; Дисплей: блок ; Маржа дна: 10 точек ; Цвет фона: желтый ;} ввод [тип "кнопка" =] { ширина: 120 точек ; Маржа левый: 35 точек ; Дисплей: блок ;}

Попробуйте »