1 reply [Last post]
DeathRobot
Offline
newbie
Last seen: 7 years 51 weeks ago
Timezone: GMT-7
Joined: 2012-03-05
Posts: 6
Points: 9

I have a page with a bunch of divs:

	<div id="wrapper" >
			<div id="headerLeft" ></div>
			<div id="headerRight" ></div>
			<div id="menu" >
				<ul
					><li><a href="#" >LINK 1</a></li
					><li><a href="#" >LINK 2</a></li
					><li><a href="#" >LINK 3</a></li
					><li><a href="#" >LINK 4</a></li
			></ul></div>
			<div id="libraryNav" >
				<div class="accordion_title"></div>
				<div class="accordionButton"></div>
				<div class="accordionContent"></div>
				<div class="accordionButton">/div>
				<div class="accordionContent"></div>
			</div>
			<div id="libraryContent" ></div>
		</div>

The "menu", "libraryNav", and "libraryContent" divs all contain a href links. This is some of the CSS that affects them:

a, a:link, a:visited {
	color: #999;
	text-decoration: none;
}
 
a:hover, a:focus, a:active {
	color: #dd7224;
}
 
.accordionContent a {
	color: #666;
	font-size: .7em;
	line-height: 1.5em;
	letter-spacing: -.08em;
}
 
.accordionContent a:active, a:hover, a:focus {
	color: #dd7224;
    outline-style: none;
	-moz-outline-style:none;
}
 
#libraryContent a {
	color: #666;
}
 
#libraryContent a:active, a:hover, a:focus {
	color: #dd7224;
}

The trouble is, whatever color I designate in "#libraryContent a:active, a:hover, a:focus" affects the color of "a:hover" on the entire page and in every div. I'm sure I'm missing something simple here, but am currently confused.

Thanks for any help.

DeathRobot
Offline
newbie
Last seen: 7 years 51 weeks ago
Timezone: GMT-7
Joined: 2012-03-05
Posts: 6
Points: 9

Problem fixed

Please ignore. Thanks.