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

Описание

Если после имени элемента не стоит имя класса, то все соответствующие элементы уже определены. Элементы с добавленным атрибутом класса имеют более высокую степень предпочтения, чем элементы без атрибута.

>> 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}

.aaa {color: red}

p.aaa {color: green}
div.ccc {color: navy; background-color: aqua}

.bbb {background-color: maroon; color:yellow}
.ccc {color:blue}

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