Код вашей страницы

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
p > i:first-child
{
color:blue; <!-- Задаем синий цвет первому элементу i в параграфах -->
}
</style>
</head>

<body>
<p>Я <i>сильный</i> мужик. Я <i>сильный</i> мужик.</p>
<p>Я <i>сильный</i> мужик. Я <i>сильный</i> мужик.</p>
<p>Заметка: псевдо-класс :first-child работает в IE только если указан верный DOCTYPE.</p>
</body>
</html>

Результат в окне браузера

Я сильный мужик. Я сильный мужик.

Я сильный мужик. Я сильный мужик.

Заметка: псевдо-класс :first-child работает в IE только если указан верный DOCTYPE.

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки