| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 9.0 + | 1.0 + | 9.6 + | 1.0 + | 3.0 + | 1.0 + | 1.0 + | 1.0 + |
Коротка інформація
| Застосовується | До всіх елементів |
|---|---|
| Посилання на специфікацію | http://www.w3.org/TR/css3-selectors/#target-pseudo |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Для переходу до вибраного фрагменту документа, в адресі пишеться символ #і вказується ім'я ідентифікатора. Наприклад, в адресі http://www.w3.org/TR/css3-selectors/#target-pseudo відбувається перехід до елементу, атрибут id якого заданий як target-pseudo . Такий запис адреси називається «цільової елемент». Псевдоклас : target застосовується до цільового елементу, іншими словами, до ідентифікатора, який вказаний в адресному рядку браузера.
Синтаксис
елемент: target {...}
Значення
Ні.
Приклад
HTML5 CSS3 IE Cr Op Sa Fx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
target </title>
<style>
h2: target {background: #fc0; /* Колір фону */ padding: 3px; } </style>
</head>
<body>
<ul>
<li>
<a href="#h1">
Історія 1 </a>
</li>
<li>
<a href="#h2">
Історія 2 </a>
</li>
</ul>
<h2 id="h1">
Історія 1 </h2>
<p>
Історія про те, як необхідно було зробити могилу, її почали копати, а потім закопувати, і що з цього вийшло. </p>
<h2 id="h2">
Історія 2 </h2>
<p>
Історія про те, як біля їдальні з'явилися загадкові рожеві сліди з шістьма пальцями, і чому це сталося. </p>
</body>
</html>
В даному прикладі цільової елемент виділяється кольором фону.
Браузери
В Safari до версії 3.0 стильові правила не застосовуються, якщо користувач використовує навігацію в браузері (кнопки «Назад» і «Вперед»).