<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://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^="http://"] {
    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="http://www.yandex.ru/">Яндекс-главная</a></p>
  <p><a href="http://news.yandex.ru/">Яндекс-новости</a></p>
  <p><a href="http://www.google.ru/">Гугл-главная</a></p>
  <p><a href="http://news.google.ru/">Гугл-новости</a></p>
 </body>
</html>

Так, давайте разбираться. Любая абсолютная ссылка начинается с последовательности символов «http://», которую и записываем в качестве значения. Далее. Для всех ссылок задаем синий цвет, ну а затем переопределяем цвет для ссылок Яндекса и Гугла.

Вернуться в урок → Перейти к следующему уроку