[WSG] targeting link class problem
hello, How would i target a:hover on the following links? I tried a few things but cant get down to the classes(one, two). div id=navcontainershort ul li a href=# class=onebla bla/a/li li a href=# class=twobla/a/li -best kevin ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] targeting link class problem
Hey Kev,
#navcontainershort a.one:hover {}
#navcontainershort a.two:hover {}
Should access them specifically
Mike
Mike Foskett
Web Standards, Accessibility Testing Consultant
Communications
British Educational Communications and Technology Agency (Becta)
Milburn Hill Road, Science Park, Coventry CV4 7JJ
Email: [EMAIL PROTECTED]
Tel: 02476 416994 Ext 3342 [Tuesday - Thursday]
Fax: 02476 411410
http://www.becta.org.uk
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of kvnmcwebn
Sent: 07 March 2006 11:10
To: wsg@webstandardsgroup.org
Subject: [WSG] targeting link class problem
hello,
How would i target a:hover on the following links?
I tried a few things but cant get down to the classes(one, two).
div id=navcontainershort
ul
li a href=# class=onebla bla/a/li
li a href=# class=twobla/a/li
-best
kevin
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] targeting link class problem
On 3/7/06, kvnmcwebn [EMAIL PROTECTED] wrote: How would i target a:hover on the following links? I tried a few things but cant get down to the classes(one, two). div id=navcontainershort ul li a href=# class=onebla bla/a/li li a href=# class=twobla/a/li #navcontainershort a.one:hover doesn't work? If not try putting the class on LI and targetting as #navcontainershort [optional li].one a:hover hth, josh ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] targeting link class problem
div id=navcontainershort
ul
li a href=# class=onebla bla/a/li
li a href=# class=twobla/a/li
Start by thinking of the path from the body to the element you are trying to
select. In this case the path (we don't know the entire path but
theoretically) would be something like this:
body
div#navcontainershort
ul
li
a.one
So the selector could be:
body div#navcontainershort ul li a.one {}
You don't need to use the full path, so these are just as valid:
body ul li a.one {}
div#navcontainershort ul li a.one {}
#navcontainershort ul a.one {}
ul li a.one {}
a.one {}
The main point is to use these various elements as needed to make the
selector more specific (target certain instances but not others) or to add
weight (give it higher specificity).
The pseudo-class can simply be added to the end of an element or class
associated with the element. In this case it could be:
#navcontainershort ul a.one:link {}
#navcontainershort ul a.one:visited {}
#navcontainershort ul a.one:focus {}
#navcontainershort ul a.one:hover {}
#navcontainershort ul a.one:active {}
HTH
Russ
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] targeting link class problem
thanks russ and crew,
my mistake was that i was putting the class first...
like this
.one ul li a:hover{
background-color: #88CAEF;
}
-kevin
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
