1. Глоссарий MDN Web Docs
  2. CSS-селектор

This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

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. Псевдоэлементы ::

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

View this page on GitHub • Report a problem with this content