----- Original Message ----- 
From: "Duane Nelson" <[EMAIL PROTECTED]>
To: "CSS Discuss" <css-d@lists.css-discuss.org>
Sent: Friday, October 03, 2008 5:12 PM
Subject: [css-d] Question 2: Combined Selectors Problems

> Issue:  When I added <ul> selector to <p> to keep the size of the css
> file down, it caused all of my <p> elements to act as the pseudo-class
> selectors of the <a> tag.
> Problem URL:  http://alansonnazarene.org/denomlinks.html
> Problem CSS:  http://alansonnazarene.org/css/anaz2.css
>
> Should look like this...
> URL:  http://alansonnazarene.org/sm-connection.html
> CSS:  http://alansonnazarene.org/css/anaz.css
>
> My basic question is why this is causing my page to behave this way when
> I can combine other selectors.  I'm looking to change my learning curve
> here.  I'm tired of patching.  But I'm sure I'm missing something simple.
>
> Duane Nelson
> Loss2gaiN Designs - A Website Development Company
> http://www.myL2G.com


Duane:

Been there, done that a bazillion times. Try changing...

p, ul a: link    {...     to     p a: link, ul a:link    {...

You have to *connect* the second selector to the first in every instance of 
a combined declaration. In the first case you are styling the *p*, not the 
*p a: link*

BTW, you have a few HTML validation errors, mostly because you need to 
change *&* to *&amp;* in line 91.

Best Regards,

Peter
www.fatpawdesign.com



______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to