Re: [css-d] link style interference
Debbie Campbell wrote:
.content-mid-link a, a:link, a:visited {
.content-mid-link a =
Selects any a element that is a descendant of any element with a class
attribute that contains the word content-mid-link.
a:link =
Selects any a element whose target has not been visited.
a:visited =
Selects any a element whose target has been visited.
The commas between these three selectors do not change the meaning.
/Any a element on the page/ is selected in selector 2+3.
If your intention was to select the links inside .content-mid-link only,
then this should be sufficient:
.content-mid-link a {property: value; ...}
Revise your selectors. For example
#navigation li a:hover, a:active { color: fuchsia}
will select /any/ active link on your page.
Probably your intention was
#navigation li a:hover, #navigation li a:active { color: fuchsia}
Ingo
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] link style interference
I think I'm making this more complicated than it needs to be... In
this page:
http://www.parallaxwebdesign.com/projects/parallax_r2/index.php
The link in the middle below 'Fresh Perspectives' is supposed to be
styled like this:
.content-mid-link a, a:link, a:visited {
color: #00537F;
text-decoration: none;
background: none;
}
.content-mid-link a:hover, a:active {
color: white;
}
However it's picking up the style from the left-side menu:
#navigation li a {
margin-right: 2px;
padding: 0 10px 0 0;
background: transparent url(graphics/list-off.gif) no-repeat right
center;
color: #BCD87A;
text-decoration: none;
}
#navigation li a:link, a:visited {
color: #BCD87A;
background: transparent url(graphics/list-off.gif) no-repeat right
center;
text-decoration: none;
}
#navigation li a:hover, a:active {
color: white;
background: transparent url(graphics/list-on.gif) no-repeat right
center;
text-decoration: none;
}
When I comment out this #navigation stuff the middle column link
works - but I can't figure out why both aren't working. Help!
Debbie
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
