Selector :target in CSS 3
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>CSS3 *:target</title> <style type="text/css" media="screen"> h1:hover { text-decoration: underline; } /* CSS 1 et 2 */ h1:target { background-color: #ff6600; } /* CSS 3 */ </style> </head> <body> <h1 id="title-1">Title n°1</h1> <p>CSS...</p> <p>CSS...</p> <p>CSS...</p> <hr /> <h1 id="title-2">Title n°2</h1> <p>CSS...</p> <p>CSS...</p> <p>CSS...</p> <hr /> <p><a href="#title-1">Title n°1</a> | <a href="#title-2">Title n°2</a></p> </body> </html>
Source: AB-D.fr
