П . Класс — все теги, имеющие указанный класс:
.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 }
Цвет текста ссылки станет красным, если тег находится внутри тега
Do'stlaringiz bilan baham: |