--- title: CSS-селектор slug: Glossary/CSS_Selector tags: - CSS - CSS-селектор - HTML - Глоссарий - селектор translation_of: Glossary/CSS_Selector original_slug: Глоссарий/CSS_Selector ---

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

Техническая справка

{{SpecName("CSS3 Selectors")}}