Thanks Russ;
I have no problem with hover. My nav and all other links hover fine.
I am confused. Does this affect my box?
I reframed my question to the forum.
Thanks for the feedback! You are kind.
Kathleen
On Nov 12, 2009, at 12:02 PM, Russ Weakley wrote:
Hi Katherine,
This is a case of the specificity, or the weight of one selector
winning over another selector.
You initially apply a rule using this selector:
#navigation ul a { }
You then apply a new rule for the :hover pseudo-class, using this
selector:
#navigation a:hover { }
The third rule you apply is aimed at the last link in your
navigation, where the class of "feedback" is applied. This only
takes place when you also have the id of "feedback" applied to the
body element.
#feedback #navigation .feedback a { }
The first rule's selector has a weight of: 0-1-0-2 (no inline
styles, one ID, no classes and two elements)
The second rule's selector has a weight of: 0-1-1-1 (no inline
styles, one ID, one pseudo-class and one element)
The third rule's selector has a weight of: 0-2-1-1 (no inline
styles, two IDs, one class and one element)
As you can see, this third rule has much more weight than the two
rules above so it wins out - the :hover rule will not be applied in
this case. There are a number of solutions, but the quickest is to
write a new rule just for this case, making sure the selector is
specific enough, and has enough weight:
#feedback #navigation .feedback a:hover { }
Does this all make sense?
I have a simple presentation about specificity and the cascade
online here if it helps:
http://www.slideshare.net/maxdesign/css-cascade-1658158
Thanks
Russ
On 13/11/2009, at 4:29 AM, Kathleen R Dery wrote:
Hello,
I have a .box on my lists. All of them have round corners except
the one on feedback page. I was able to get the corner on the
bottom-right round last night at one point, but when I moused over
it, it changed. Not that corner is not round at all. I am chasing
errors, but have not found it yet.
Will someone help?
Thanks!!
Kathleen
http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/feedback_6.html
http://198.189.180.32/ma-ftp/media-arts/DMA_C111/dery/site/main.css
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
