VPF::Ошибка в файле CSS или HTML - Форум программистов

Chate

Дата 6.9.2016, 15:57 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 10.5.2016

Репутация: нет
Всего: нет

Здравствуйте. Пытаюсь научиться применять контекстные селекторы. Не могу понять, что не так в коде. Пожалуйста, помогите найти ошибку.
Код документа HTML:

<html>
<head>
<title> Подключение CSS к HTML </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1 class="zagolovok"> Это заголовок первого уровня </h1>
Здесь просто текст
<h2> Это заголовок второго уровня </h2>
Здесь просто текст
<p class = "zagolovok"> Простой абзац </p>
<p id= "pink"> Абзац с идентификатором (id) </p>
<p class="pink"> Абзац с классом (class) pink </p>
<p class="pink"> Абзац с классом (class) pink </p>
<i> "Этот текст выделен курсивом </i>
<p>"Этот текст обычный,<strong>а эта его часть выделена жирным"</strong> </p> /* Вот эту строку браузер не хочет менять на цветной жирный
</body>
</html>

Код связанного с ним документа СSS:

body
{
background:#E9967A;
}
.zagolovok {color:#B22222; font-style:italic; font-size: 14pt;
}

h2 {color: #006400;
}
p#pink {color:pink;
}
p.pink {color:pink};
}
p strong {color:green;
}

Заранее спасибо

lazarevdmitry

Дата 28.9.2016, 23:11 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 28.9.2016

Репутация: нет
Всего: нет

Ошибка в строке:

p.pink {color:pink};
}

1. Лишняя фигурная скобка
2. Точка с запятой находится не там:

p.pink {color:pink;}

Это сообщение отредактировал(а) lazarevdmitry - 28.9.2016, 23:12

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »