Селектор CLASS

Определяемый класс позволяет задавать различные правила форматирования для одного элемента какого-либо типа или для всех элементов документа. Для этого имя создаваемого класса указывается в селекторе правила после имени тега и отделяется от него точкой. В нашем примере он ставится перед селекторами . just и . term определяющего имени тега, а это значит, что данные классы могут применяться ко всем элементам документа вне зависимости от тега.

 

Н1,Н2,Н3 { text-align: center;
 color:#886600; 
font-family:Arial;
 }
.just { text-align:juatify; I
 text -indent:3 em;
 }
.term { color:red;
 font-size:110%; 
 letter-spacing:0.1 em;
 }

 

Внесем изменения в оформление страницы, приведенной на рис. 3.57. Стилевое оформление текста будет выполняться следующим кодом:

• <h1>просмотр заголовка первого уровнz</h1>
• <div class="just">просмотр применения стилистического оформления для объекта подвергшегося стилистическому оформлению класса just</div>
• <div class="just">поговорим про <span class="term">выделенные</span> слова в дополнение обработанные стилем term</div>

Видно, что применение правил относится только к выделенным тегам вне зависимости от того, являются объекты вложенными или нет. Главное, как был применен селектор CLASS.

Тэги: перед, имени, правила, тега, определяющего, ставится, примере

← Селектор ID		Динамический HTML. Модель DOM →