<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Результат домашнего задания - Селекторы атрибутов</title>
<style type="text/css">
a[href^="https://"] {
font-weight: bold;
text-decoration: none;
}
a {
color: #0000ff;
}
a[href*="yandex.ru"] {
color: #ff0000;
}
a[href*="google.ru"] {
color: #008000;
}
</style>
</head>
<body>
<p><a href="/html/">HTML для начинающих</a></p>
<p><a href="/css/">CSS для новичков</a></p>
<p><a href="https://www.yandex.ru/">Яндекс-главная</a></p>
<p><a href="https://news.yandex.ru/">Яндекс-новости</a></p>
<p><a href="https://www.google.ru/">Гугл-главная</a></p>
<p><a href="https://news.google.ru/">Гугл-новости</a></p>
</body>
</html>
Так, давайте разбираться. Любая абсолютная ссылка начинается с последовательности символов «https://», которую и записываем в качестве значения. Далее. Для всех ссылок задаем синий цвет, ну а затем переопределяем цвет для ссылок Яндекса и Гугла.
Вернуться в урок | → Перейти к следующему уроку |