типы селекторов css

<p class="green"> Этот параграф зеленый, т.к к нему применили класс </p>

<p>Это обычный параграф , для него используется селектор по элементу </p>

Как видите используется атрибут class со значением названия стиля. Понятно? вот вам еще примерчик:

<P class ="green"> ... текст параграфа ... </P>

Допустим мы хотим применить данный стиль к определенному параграфу в документе. Вот как это будет выглядеть в html:

Как применить данный стиль?

font-family: arial, verdana, sans-serif;

Давайте разберем как создать универсальный класс в CSS . А сделать это очень просто: сначала ставим точку, затем сразу, без пробела,пишем имя класса, ну а затем в фигурных скобках стиль. Ну например:

Селектор по классу

А теперь представьте ситуацию, когда необходимо сделать первый параграф в одном стиле, второй в другом, третий в третьем и.т.д. Тут нам на помощь придет селектор по классу.

font-family: arial, verdana, sans-serif;

До этого момента, мы с вами работали именно с этим селектором.Т.е. в качестве селектора использовалось непосредственно имя html элемента , к которому мы хотели применить данный стиль. Т.е. написав класс например для параграфа(Р) , все параграфы на странице приобретали стиль данного класса.

Селектор по элементу

Ну для начала, скажу что селектор служит для того, чтобы однозначно определить элемент в html документе, к которому мы хотим применить тот или иной стиль CSS .

Урок 8: Типы селекторов в CSS

Шаг 4: Зарабатываем

Шаг 3: Раскручиваем сайт

Шаг 2: Размещаем в интернет

Шаг 1: Создаем сайт

Урок 8: Типы селекторов в CSS