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 **
Re: [WSG] targeting link class problem
> > > bla bla > bla 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
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). > > > > bla bla > bla #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
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). bla bla bla -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 **