English | Português | >> По-русски <<ZVON > Tutorials > CSS tutorial
>> Пример 9 << | Предыдущий | Следующий | Содержание

Описание

Иногда приходится различать элементы с одинаковыми именами. В этом случае удобно воспользоваться атрибутом "класс". В стилевом файле после имени требуемого элемента ставится точка ".", за которой следует атрибут класса.

>> 1 <<
Исходный HTML документСтилевая CSS таблица

<div> div: 000 </div>
<div class = "aaa"> div: aaa </div>
<div class = "bbb"> div: bbb </div>
<div class = "ccc"> div: ccc </div>
<p> p: 000 </p>
<p class = "aaa"> p: aaa </p>
<p class = "bbb"> p: bbb </p>
<p class = "ccc"> p: ccc </p>
body {background-color: white;  color: black}

div {color: white; background-color:navy}
div.aaa {color: aqua; background-color: green}
div.bbb {color: maroon; background-color: yellow}

p.aaa {color: green}
p.bbb {color: maroon}
p.ccc {color: purple}

Выход браузера