2-qism css asoslari. Web-sahifani stillar yordamida formatash

П . Класс — все теги, имеющие указанный класс:
.text1 { font-size: 12pt; color: red; font-family: "Arial" }


">TeKCT1Красный текст -->

">Teкст2
Красный текст -->
И "Текст1" и "Текст2" будут красного цвета, хотя они находятся в разных тегах;
□ Ter. Класс — все теги, имеющие указанный класс:
font.text2 { font-size: 12pt; color: blue }


">Teкст1Синий тeкст -->
Обратите внимание, что если имя класса указать в другом теге, то он бу­дет не определен:

">Teкст2

В данном случае фрагмент текста "Текст2" не будет отображен синим цветом, так как имя класса text2 применяется только к тегу ;

□ #идeнтификатор — тег с указанным идентификатором:
#txt1 { color: red }

">Teкст

□ тer#идeнтификатор — идентификатор, указанный в определенном теге:

p#txt1 { color: red }

">Teкст

Если идентификатор находится в другом теге, то элемент будет проигно­рирован.

Стилевой класс можно привязать сразу к нескольким тегам. В этом случае селекторы указываются через запятую:
h1, h2 { font-family: "Arial" }
Привязаться к другим элементам можно следующими способами:
□ ceлeкторl ceлeктор2 — все элементы, соответствующие параметру ce-лeктор2, которые располагаются внутри контейнера, соответствующего параметру ceлeкторl:
div a { color: red }
Цвет текста ссылки станет красным, если тег находится внутри тега

:

CcblnKa

□ селектор1 > селектор2 — все элементы, соответствующие параметру селектор2, которые являются дочерними для контейнера, соответствую­щего параметру селектор1:
div > a { color: red }
Цвет текста ссылки станет красным, если тег находится внутри тега

и не вложен в другой тег:

Ccылкa 1
Ccылкa 2

В этом примере только первая ссылка станет красного цвета, так как вто­рая ссылка расположена внутри тега ;