-
200801 Feb
Posted in Tutorials
There’s a good article online at Vitamin, Stay On :Target, about the CSS3 :target pseudo selector, which provides a good explanation and some working examples. :target is supported by all current browsers, except – well, I don’t need to say it, do I? – so you can start using it straight away.
You can skip to the end and leave a response.
-
Comments
-
01.
Very interesting read, thanks.
I’m thinking of implementing this into my site (for tabs, as mentioned in the article), with a Javascript fallback for IE. -
02.
Luke says:Comment » February 1st, 2008 at 1:16 am
Actually, I’m noticing that none of the examples on that page work in Opera, and he notes in a few places that several of his examples only work in Firefox.
-
03.
@Luke: I’ve tested in Opera 9.5 (Beta) and they all seem to work; can’t swear to whether it works in O9 or below.
-
04.
Lars says:Comment » February 1st, 2008 at 2:23 am
Opera has support for :target in 9.5, but not in any earlier versions.
-
05.
Trn says:Comment » February 1st, 2008 at 2:28 am
Doesn’t work in Opera 9.24 here.
Personally I prefer to use it with :not(), like here
http://www.w3.org/Style/Examples/007/target -
06.
Tutorial sobre el pseudo selector de CSS3 :target…
css3.info enlaza un tutorial acerca del pseudoselector :target con ejemplos de utilización….
-
07.
CSS based tabs with not JS? Awesome.
The more and more advanced CSS gets it seems the more it replaces simple Javascript effects. :)
-
08.
Shirish Dhotre says:Comment » May 15th, 2010 at 9:08 am
CSS3 Property target-new, is being dropped by Firefox 3.5…
Showing Warning in Error Console:
Unknown property ‘target-new’. Declaration dropped.Even its doesn’t works in IE 7
:-(
-
01.
TAG CLOUD
acid3
advanced layout
advanced layout module
Animations
background
border
Browsers
color
css
CSS3.info
CSS WG
csswg
developer tools
disabled
enabled
Feedback
firefox
firefox 3.1
flexible box layout
fonts
generated content
grid positioning
HSLA
HTML5
ie6
jina bolton
jquery
media player
Multicolumn Layout
News
Opera
Opera Dragonfly
presentations
RGBA
safari
Selectors
slides
SVG
text rendering
W3C
wasp
Web Fonts
webkit
windows

Leave a Comment