I'm still occasionally spending a few minutes here and there on
http://www.kungfu-silat.com/wp/ , and while I continue to decide how I
want to design the sidebar and main content (which needs lots of work),
I've stumbled across something that I can't figure out.
I've got a <ul> element buried with this hierarchy:
....div#sidebar > ul > li#pages > ul
I've got the following two lines in my stylesheet:
#sidebar ul ul {margin: 5px 0 0 10px;}
#pages ul {margin: 0em; padding: 0em;}
Despite the fact that it seems that the second line should be more
specific (#pages is more specific because it's deeper in the hierarchy),
the first line is the one that's taking precedence. I'm getting the 5px
and 10px margins on my #pages ul, and FireBug confirms that the first
line overriding the second one. Can anyone explain why my line of
thinking is incorrect, and why CSS is interpreting it this way?
I tried replacing all of my "#pages" lines in my CSS file with "#sidebar
#pages" but that seemed to break a lot of things, so I changed it back.
--
Erik Harris http://www.eHarrisHome.com
- AIM: KngFuJoe - Yahoo IM: kungfujoe7 - ICQ: 2610172 -
Chinese-Indonesian Martial Arts Club http://www.kungfu-silat.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/
