It matches an element that’s the target of a identifier in the document’s URI. This identifier in a URI contains a "#" character followed by an identifier name that matches the value of an id attribute of an element within the document. Support Because we're talking about CSS3, it's supported by all modern browsers excluding IE, from 6 to 8. Disappointing as usual, but this fact shouldn't stop you using it. How can you use :target? This pseudo-class can be styled, just like we use to style the :hover, :active or :focus pseudo-classes on links. Demonstration Further, I am going to make an example of when and how to use :target.

View Demo The HTML markup Below you have a list of 4 links and also the same amount of blocks. The CSS The following rows will style the content to get the desired effect, which is to show the current identifier (in this case a shadow will surround the box). That's all! Further references. Twenty Advanced CSS Tutorials. The following collection focuses on advanced CSS tutorials to help you sharpen your CSS skills.

Once you’ve recreated these tutorials on your own, you can use and re-use the resulting files and keep them in your personal toolkit for future reference. We avoided tutorials that used combinations of CSS and jQuery to focus entirely on CSS development tricks. jQuery is a powerful tool, but if you want to learn pure CSS, then these advanced tutorials are a great place to start.
Position fixe en CSS. S'il est facile de positionner de manière fixe des éléments sur les navigateurs comme Opera, Safari, Firefox ou IE7 qui implémentent en grande partie les propriétés CSS issues des spécifications CSS 2, ce n'est pas le cas sur IE6.

Granted some of them were very nice but only fit a specific purpose, others were a nightmare on the code end, and others were just hacks of another. None of them truly supported all of the features we needed and those that were close could not be easily adapted without a bottle of Prozac near by. Other caveats were the complete lack of ability to style and position the system, and the insane over-kill of some of the systems trying to reproduce either another desktop (As if most computer users aren't confused enough) or the reproduction of a popup window (Show me someone who likes popup windows...). Lastly, most people didn't actually test for their media types and how they behaved in other browsers and operating systems (Yes the movies and Flash work in Firefox for the Mac).