Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>Example</title> <p>Click each link to see the effect it has on the destination page:</p> <ul> <li><a href="/css/examples/selectors/target_pseudo-class_example.html#apples">Apples</a></li> <li><a href="/css/examples/selectors/target_pseudo-class_example.html#oranges">Oranges</a></li> <li><a href="/css/examples/selectors/target_pseudo-class_example.html#pears">Pears</a></li> </ul> <p>The source code of the destination page looks like this:</p> <pre> <code> <!DOCTYPE html> <title>Example</title> <style> :target { font-size: 5vw; color: orange; } </style> <h1 id="apples">Apples</h1> <h1 id="oranges">Oranges</h1> <h1 id="pears">Pears</h1> </code> </pre>
