Дочерний селектор (“parent > child”)

Соответствует элементам, удовлетворяющим селектору child, которые при этом являются дочерними (т.е. находятся на первом уровне вложенности) для элементов, удовлетворяющих селектору parent. (В отличие от него, селектор (E F) позволяет искать элементы на всех уровнях вложенности).

Нисходящий селектор (“ancestor descendant”)

Соответствует элементам удовлетворяющим селектору inner, которые являются потомками (лежат внутри) элементов, удовлетворяющих селектору outer. В отличии от дочернего селектора (outer > inner), с помощью которого производится поиск элементов только на первом уровне вложенности в outer, нисходящий селектор задает поиск на всех уровнях вложенности.

Селектор :checked

Соответствует всем выбранным элементам формы. Это могут быть выбранные флажки (checkbox), переключатели (radio) или элементы списка (select).

Селектор :enabled

Соответствует всем активным (незаблокированным от пользователя) элементам формы (элементы без атрибута disabled).

Селектор :even

Соответствует элементам с четными номерами позиций, в наборе выбранных элементов.(вариант с нечетными — :odd). Поскольку счет элементов начинается с 0, :even будет соответствовать первому, третьему и т. д. элементам.

Селектор :nth-last-child()

Соответствует элементам, которые расположены в своих непосредственных предках по определенным условиям. :nth-child-last() рассматривает позиции элементов в обратном порядке (т. е. с конца).

Селектор :odd

Соответствует элементам с нечетными номерами позиций, в наборе выбранных элементов. (вариант с четными — :even). Поскольку счет элементов начинается с 0, :odd будет соответствовать второму, четвертому и т. д. элементам.

Селектор по значению атрибута [name=”value”]

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

Селектор по концу атрибута [name$=”value”]

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

Селектор по началу атрибута [name^=”value”]

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

Селектор по несовпадению с атрибутом [name!=”value”]

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

Селектор по подстроке в элементе [name*=”value”]

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

Селектор по префиксу элемента [name|=”value”]

Соответствует всем элементам, с атрибутом attribute содержащим префикс value, т.е. либо полностью совпадает с value, либо начинается со строки value- (наличие знака переноса существенно). Если value состоит из нескольких слов, между которыми есть пробелы, то нужно заключать value в кавычки. Если value не содержит пробелов — кавычки не обязательны.

Селектор по слову в атрибуте [name~=”value”]

Соответствует всем элементам с атрибутом attribute, содержащим слово value (именно слово, а не просто подстроку. То есть вхождение value должно содержать с обоих сторон разделители: пробелы или начало/конец строки). Если value состоит из нескольких слов, между которыми есть пробелы, то нужно заключать value в кавычки. Если value не содержит пробелов — кавычки не обязательны.