Руководство по CSS

CSS @ правила (RULES)

Полный список CSS свойств

Функции CSS Полное руководство по селекторам CSS

CSS3 :target выборщик

:target CSS суррогат代表着 уникальный элемент страницы (целевой элемент), его id совпадает с текущим фрагментом URL .

Полное руководство по CSS-селекторам

Онлайн пример

Подчеркнуть активный HTML якорь:

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Основной учебник (oldtoolbag.com)</title>　
<style>
:target
{
　　　　border: 2px solid red;
　　　　background-color: yellow;
}
</style>
</head>
</body>
<h1>Это заголовок</h1>
<p><a href="#news1">Перейти к content 1</a></p>
<p><a href="#news2">Перейти к content 2</a></p>
<p>Нажмите на ссылку выше, затем :target выборщик подчеркивает текущий активный HTML якорь.</p>
<p id="news1"><b>New content 1...</b></p>
<p id="news2"><b>New content 2...</b></p>
<p><b>Внимание:</b> IE 8 и более ранние версии браузеров не поддерживают :target выборщик.</p>
</body>
</html>

Проверьте, посмотрите ‹/›

Определение и использование

:target

# Название якоря - это URL, который ссылается на элемент в файле. Элемент связан с целевым элементом.

:target выборщик может быть использован для стиля активного элемента target.

Совместимость браузеров

Числа в таблице показывают первую версию браузера, которая поддерживает этот свойство.

Выборщик
:target	4.0	9.0	3.5	3.2	9.6

Полное руководство по CSS-селекторам

Функции CSS Полное руководство по селекторам CSS