CSS-селектор

CSS-селектор это часть CSS-правила, которая позволяет вам указать, к какому элементу (элементам) применить стиль. Например:

***HTML***
<div> I am inside of a div element. </div>
<p> I am inside of a paragraph element. </p>


***CSS***
div {
 color: green;
}

p {
 color: red;
}

В первом CSS-правиле я выбираю элемент div и задаю его стиль (цвет текста — зелёный). Во втором CSS-правиле выбираю элемент p и задаю красный цвет текста. Вот как выглядит результат:

CSS selector coding results

Смотрите также

Основные статьи

  1. Базовые селекторы

    1. Селекторы по типу elementname
    2. Селекторы по классу .classname
    3. Селекторы по ID #idname
    4. Универсальные селекторы * ns|* *|*
    5. Атрибутивные селекторы [attr=value]
    6. Селекторы состояния элементов a:active, a:visited

  2. Группирующие селекторы

    1. Список селекторов A, B

  3. Комбинаторы

    1. Adjacent sibling selectors A + B
    2. General sibling selectors A ~ B
    3. Child selectors A > B
    4. Descendant selectors A B

  4. Псевдо

    1. Псевдоклассы :
    2. Псевдоэлементы ::