I have a unique challenge with a client.
I have an an element called "address" which needs a zero margin if the ul
"nav_social" is present.
If "nav_social" is not present, then "address" needs a 14px margin.
My challenge is that "nav_social" is not a sibling of the same element as
"address". Therefore I have two questions.
1. Does the non-adjacent sibling combinator ( ~ )only go in one directIon?
If I attempt .address ~ .newsletter, I can successfully style
newsletter.
I I try .newsletter ~ .address, I cannot style newsletter
2. Is it possible to select a child of a sibling, like so:
.newsetter > #nav_social ~ .address
Here's a short handed version of the HTML
<div id="ftwrap />
<div class="address"/>
<div class="newsletter" />
<p />
<form />
<p />
<ul id="nav_social">
</email>
<signature id="paceaux">
Frank M Taylor
http://frankmtaylor.com
@paceaux
</signature>
______________________________________________________________________
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/
