:target (CSS selector)
| IE7 | FF1+ | Saf1.3+ | Op9.5+ |
|---|---|---|---|
| None | Full | Buggy | Full |
| Version |
|---|
| CSS3 |
Example
For example, if the URI was
http://www.example.com/index.html#section2, the following
selector would match the element that had an id
attribute of "section2":
:target {
⋮ declarations
}Description
This pseudo-class matches an
element that’s the target of a fragment identifier in the document’s URI.
The fragment identifier in a URI comprises a #
character followed by an identifier name that matches the value of an
id attribute of an element within the
document.
Compatibility
| IE | 5.5 | None |
|---|---|---|
| 6.0 | None | |
| 7.0 | None | |
| Firefox | 1.0 | Full |
| 1.5 | Full | |
| 2.0 | Full | |
| Safari | 1.3 | Buggy |
| 2.0 | Buggy | |
| 3.0 | Buggy | |
| Opera | 9.2 | None |
| 9.5 | Full |
In Safari versions up to and including 3, this rule isn’t applied when the user navigates using the back and forward buttons.
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.
