| English | Português | >> По-русски << | ZVON > Tutorials > CSS tutorial |
| Введение / Поиск / ZVON |
| >> Пример 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} |