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 стильові правила не застосовуються, якщо користувач використовує навігацію в браузері (кнопки «Назад» і «Вперед»).