body {background: url(http://i29.tinypic.com/20ue9fm.jpg) fixed; color: green;} #veohPage{ background: transparent;} .colRight .users-box:HOVER,.users-mid .users-box:HOVER {background: black; color: white;} .collection-head:HOVER, ul.tabs:HOVER, .tabContainer:HOVER{background:black}
Style sheet question
I am trying to help my friend fix his page's CSS here* http://pavhr.com/exec/ * We are trying to make changes the right blue menu. #sidebar-right a is supposed to be white on non-hover and black on hover, and .block .content ul li, .block .content ol li a margin-left of 0. However all my changes are overridden, and you can see it in Firebug. I added the changes which didn't work to two of the stylesheets, and my theory is that another CSS (a3 atlantis) is overriding mine. Is this correct?
Reply to this TopicAlso, if we lower my style sheet's order in the head, will my changes then take over? He has several style sheets in the head, and doesn't want to make changes that will ruin the site. I don't have access to the directory to make tests myself, and can only talk to him at a certain point later to correct this.
Sorry, the style sheets we used are Nice Menus and Nice Menus Default. They are the second and third style sheets.
When two or more selectors conflict, the thing that the specificity is high is chosen. 6.4 The cascade http://www.w3.org/TR/CSS21/cascade.html#cascade 6.4.3 Calculating a selector's specificity http://www.w3.org/TR/CSS21/cascade.html#specificity
If they are the same orders, the setting read later becomes effective. So the definition of a3_atlantis is higher than nice_menu's one. e.g. Use "#sidebar-right .block .content li",the specificity will become higer than the definition of a3_atlantis. Or add !important.
Thank you for your information, it will help us, and ah important is a great idea for future CSS.