» » Селекторы в css3
66 0  

Селекторы в css3

Селекторы позволяют выбрать нужный Вам элемент указав сочитание класов, их порядок порядок  в документе....

апра


Селектор Пример Описание примера
.class .test Выбирает все элементы с классом test(class = "test").
#id #test Выбирает все элементы с id ="test".
* * Выбирает все элементы (универсальный селектор). Селектор также может выбрать все элементы внутри другого элемента.
element h2 Выбирает все заголовки второго уровня - <h2>.
selector,selector h2, h3 Выбирает все элементы <h2>и <h3>.
selector selector h2 i Выбирает все элементы <i>внутри элементов <h2>.
selector > selector p > a Выбирает все дочерние элементы <a>, у которых родитель - элемент <p>.
selector + selector h2 + p Выбирает все элементы <p>, которые расположены сразу же после элементов <h2>.
selector ~ selector h2 ~ p Выбирает все элементы <p>, которые следуют сразу же за элементом <h2>, а также все элементы <p>, которые находятся на одном уровне вложенности.
[attribute] [title] Выбирает все элементы с атрибутом title.
[attribute = value] [type=password] Выбирает все элементы с атрибутом typeи значением "password"
[attribute=value][attribute2=value2] [src='logo.png'][alt='image'] Выбирает все элементы, которые имеют указанные атрибуты (src и alt) со значениями этих атрибутов logo.png для первого и imageдля второго.
[attribute ~ = value] [title ~ = home] Выбирает все элементы с атрибутом title, который содержит слово "home".
[attribute|= value] [title | = home] Выбор всех элементов с атрибутом title, значение которого начинается с "home".
[attribute^=value>] a[href ^ = "http"] Выбирает каждый элемент <a>, содержащий атрибут href, значение которого начинается с "http".
[attribute$=value] a[href$= ".mp3"] Выбирает каждый элемент <a>, значение атрибута hrefкоторого заканчивается на ".mp3".
[attribute*=value] [title*="home"] Выбор всех элементов с атрибутом title, в значение которого содержится "home".

Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2019