dauyeung
asked on
CSS Target a class inside a link tag
I have the following HTML code
and the following CSS code
When I hover, the h3 tag gets the correct #666 color, but I want the span tag to also get the hover over affect. I understand why it's happening, but how do I target the text-maroon class to hover the same #666 color?
How do I target span class
http://www.faithtoday.ca/2 0140102
<div class="arc-article">
<div id="BehindScenes"><a href="http://digital.faithtoday.ca/faithtoday/20140102#pg7">
<h3>Behind<span class="text-maroon">TheScenes</span></h3>...
and the following CSS code
.arc-article a:visited,
.arc-article a:link,
.arc-article a:active {
text-decoration: none;
color: #000;
}
.arc-article a:hover{
text-decoration: none;
color: #666;
}
.text-maroon {
color: #9b373f;
}
When I hover, the h3 tag gets the correct #666 color, but I want the span tag to also get the hover over affect. I understand why it's happening, but how do I target the text-maroon class to hover the same #666 color?
How do I target span class
http://www.faithtoday.ca/2
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.