Псевдокласс - :enabled
Псевдокласс : enabled .;используется для применения стиля к доступным (не заблокированным) элементам форм. По умолчанию, все элементы форм являются доступными, если в коде HTML к ним .;не добавляется атрибут.; disabled .
23
мар
Псевдокласс - :empty
Псевдокласс.; :empty .;представляет пустые элементы, иными словами такие, которые не содержат дочерних элементов, текста или пробелов. К примеру,.; .;является пустым элементов, а.; .; ,.; .;или.; эге .;уже нет.
23
мар
Псевдокласс - :disabled
Псевдокласс.; :disabled .;используется для применения стиля к заблокированным элементам форм. Такие элементы не могут получить фокус, быть нажатыми или активированы, в текстовых полях нельзя набирать текст.
23
мар
Псевдокласс - :default
Псевдокласс.; :default .;применяет стиль к элементам форм, которые установлены по умолчанию в группе похожих элементов.
23
мар
Псевдокласс - :checked
Псевдокласс.; :checked .;применяется к элементам интерфейса, таким как переключатели (checkbox) и флажки (radio), когда они находятся в положение «включено». Переключение элементов в такое состояние происходит с помощью атрибута.; checked .;тега.; .;или пользователем.
23
мар
Псевдокласс :active
Псевдокласс.; :active .;определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.
23
мар
[атрибут|="значение"] - [attr|='value']
![[атрибут|="значение"] - [attr|='value']](/templates/print-prime/dleimages/no_image.jpg)
В именах идентификаторов и классов разрешено использовать символ дефиса (-), что позволяет создавать значащие значения атрибутов.; id .;и.; class .
23
мар
[атрибут~="значение"] - [attr~='value']
Некоторые значения атрибутов могут перечисляться через пробел, например имена классов. Чтобы задать стиль при наличии в списке требуемого значения требуется использовать конструкцию.; ~= .
23
мар
[атрибут*="значение"] - [attr*='value']
Возможны варианты, когда стиль следует применить к тегу с определённым атрибутом, когда частью его значения является некоторый текст. При этом точно не известно, в каком месте значения включен данный текст.;— в начале, середине или конце. В подобном случае следует использовать конструкцию.; *= .
23
мар
[атрибут$="значение"] - [attr$='value']
![[атрибут$="значение"] - [attr$='value']](/uploads/posts/2016-03/1458727382_selector_attribute_4.png)
Устанавливает стиль для элемента в том случае, если значение атрибута оканчивается указанным текстом.
23
мар
[атрибут^="значение"] - [attr^='value']
![[атрибут^="значение"] - [attr^='value']](/uploads/posts/2016-03/1458726515_selector_attribute_3.png)
Устанавливает стиль для элемента в том случае, если значение атрибута тега начинается с указанного текста.
23
мар
[атрибут="значение"] - [attr='value']
![[атрибут="значение"] - [attr='value']](/uploads/posts/2016-03/1458725540_selector_attribute_2.png)
Устанавливает стиль для элемента в том случае, если задано определённое значение специфичного атрибута.
23
мар
Селекторы атрибутов - [attr]
![Селекторы атрибутов - [attr]](/uploads/posts/2016-03/1458725418_selector_attribute_1.png)
Устанавливает стиль для элемента, если задан специфичный атрибут тега. Его значение в данном случае не важно.
23
мар
Родственные селекторы - A ~ B
Родственные селекторы по своему поведению похожи на соседние селекторы (запись вида E + F), но в отличие от них стилевые правила применяются ко всем близлежащим элементам. К примеру, для селектора.;h1~p.;стиль будет применяться ко всем элементам.; , располагающихся после заголовка.; . При этом.;
23
мар
Описание нашего сайта
• Мы информационный портал, на котором публикуются новости веб-дизайна и мелкие хитрости, а так же информация и советы которые вам смогут помочь по созданию сайтов, шаблонов, и многое другое. Вы также сможете найти интересные уроки по CSS3, HTML5, jQuery, Photoshop и и многое другое, интересное, с интернет мира. Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."