CSS по шагам



Пример 12.4. Стиль для разных доменов


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style type="text/css">

A[href$=".ru"] { /* Если ссылка заканчивается на .ru */

background:

 url('ru.gif') /* Добавляем фоновый рисунок */

 no-repeat; /* Отменяем повторение фона */

 padding-left: 10px /* Смещаем текст вправо */

}

A[href$=".com"] { /* Если ссылка заканчивается на .com */

background:

 url('com.gif')

 no-repeat;

 padding-left: 10px

}

</style>

</head>

<body>

<p><a href="http://www.yandex.com">Yandex.Com</a> |

<a href="http://www.yandex.ru">Yandex.Ru</a></p>

</body>

</html>

В данном примере содержатся две ссылки, ведущие на разные домены — com и ru. При этом к каждой такой ссылке с помощью стилей добавляется свой фоновый рисунок. Стилевые атрибуты будут добавляться только для тех ссылок, параметр href которых оканчивается на «.ru» или «.com». Заметьте, что добавив к имени домена слэш (http://www.yandex.ru/) или адрес страницы (http://www.yandex.ru/fun.html), мы изменим тем самым окончание и стиль применяться не будет. В этом случае лучше воспользоваться селектором, в котором определенное значение может находиться в любом месте атрибута.




Содержание  Назад  Вперед