(Эта страничка использует каскадные таблицы стилей CSS)
Данный документ является переводом статьи "Web Style Sheets CSS tips & tricks".
Оригинальная версия документа существует только на сайте W3C https://www.w3.org/Style/Examples/007/alternatives.html
Данный перевод НЕ является официальным документом W3C.
Все Авторские Права Принадлежат W3C.
Данный документ может содержать ошибки перевода и опечатки.
Автор перевода: Евгений Скрипец - автор Speed Lab. Все переводы автора: en, ru, uk
Локальная версия: https://www.indeep76.com/Style/Example007/alternatives.html
Документ не обязан иметь одну таблицу стилей. Вы можете установить таблицу стилей по умолчанию и любое количество альтернативных таблиц стилей, из которых пользователь может выбирать. Эта страница, к примеру, имеет альтернативные W3C Core Styles, плюс две таблицы стилей из интернета (автор: Девид Барон).
Пользователи могут осуществить выбор таблиц стилей основываясь на своем браузере. Не все браузеры до сих пор дают такую возможность, но в Netscape 6, например, вы можете найти все стили в меню "View" -> "Use Stylesheet".
Для того чтобы включить дополнительные таблицы стилей, достаточно добавить больше <LINK> элементов в header, с правильными REL и TITLE атрибутами, как показано ниже. (Я убрал несколько вариантов стилей; смотрите исходный документ для большего количества.)
<link rel="stylesheet"
title="Gold (right, fixed) + navbar"
href="../threepart-f.css">
<link rel="alternate stylesheet"
title="Oldstyle"
href="https://www.w3.org/StyleSheets/Core/Oldstyle">
<link rel="alternate stylesheet"
title="Modernist"
href="https://www.w3.org/StyleSheets/Core/Modernist">
...
<link rel="alternate stylesheet"
title="Steely"
href="https://www.w3.org/StyleSheets/Core/Steely">
<link rel="alternate stylesheet"
title="Forest (by David Baron)"
href="https://dbaron.org/style/forest">
<link rel="alternate stylesheet"
title="Plain (by David Baron)"
href="https://dbaron.org/style/plain">
Группы линков с одинаковым TITLE автоматически группируются в одну таблицу стилей.