CSS властивості
ГлавнаяДовідник CSSПсевдоклас CSS :target

Псевдоклас CSS :target

220

Для переходу до вибраного фрагмента документа, в адресі пишеться символ # і вказується ім'я ідентифікатор. Наприклад, на адресі http://www.w3.org/TR/css3-selectors/#target-pseudo відбувається перехід до елемента, атрибут id якого встановлено як target-pseudo. Такий запис адреси називається цільовий елемент. Псевдоклас :target застосовується до цільового елемента, інакше кажучи, до ідентифікатора, вказаного в адресному рядку браузера.

Синтаксис

<code><i>Селектор</i>:target { ... }

Позначення

Опис Приклад
<тип> Вказує тип значення. <розмір>
A && B Значення повинні виводитися в зазначеному порядку. <розмір> && <колір>
A | B Вказує, що потрібно вибрати лише одне значення із запропонованих (A або B). normal | small-caps
A || B Кожне значення може використовуватися самостійно або спільно з іншими у довільному порядку. width || count
[ ] Групує значення. [ crop || cross ]
* Повторювати нуль або більше разів. [,<час>]*
+ Повторювати один або більше разів. <число>+
? Вказаний тип, слово або група не є обов'язковим. inset?
{A, B} Повторювати не менше A, але не більше B разів. <радіус>{1,4}
# Повторювати один або більше разів через кому. <час>#

Приклад

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

Специфікація

Специфікація Статус
Selectors Level 3 Рекомендація

Специфікація

Кожна специфікація проходить кілька стадій схвалення.

  • Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
  • Candidate Recommendation ( Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
  • Proposed Recommendation (Пропонована рекомендація) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження.
  • Working Draft (Робочий проект) — більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою.
  • Editor's draft (Редакторська чернетка) — Чорнова версія ст андарта після внесення правок редакторами проекту.
  • Draft (Чернетка специфікації) — перша чорнова версія стандарту.

Браузери

9 12 1 9.5 1.3 1
2.1 1 9.5 2
>

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — властивість повністю підтримується браузером з усіма допустимими значеннями ями;
  •  — властивість браузером не сприймається і ігнорується;
  •  — при роботі можливо поява різних помилок, або властивість підтримується лише частково, наприклад, не всі допустимі значення діють або властивість застосовується не до всіх елементів, вказаних у специфікації. підтримується.