Am 15.03.2013 00:17 schrieb Philippe Wittenbergh:
Le 15 mars 2013 à 07:38, Markus Ernst <derer...@gmx.ch> a écrit :
I wonder how people use the adjacent selector with HTML5 elements that need to
be nested, as legacy browsers do not recognize the new elements, such as:
<article>
<div class="article">
...
</div>
</article>
<footer>
<div class="footer">
...
</div>
</footer>
The selector "article + footer" will probably not work in legacy browsers, while
".article + .footer" does not match the elements.
If the html5shiv.js is used (or the Modernizr/Foundation/Bootstrap equivalent),
then the article and footer elements are recognised in old IE (IE < 9). They
then can be used for styling purposes.
Losers are old Gecko browsers (Firefox 2) and very old Safari (v1 only, I
think). Not many of those around, me thinks.
To your original question, given the structure of your documents as provided, nope, you
can't select your <nav> based on the (non-)existing section(s). Perhaps use JS to add
a class to the <nav> if and only if the sections don't exist (or only if they exist).
The use that class to add or remove that border. Should be quite easy with Jquery, I think.
Merci Philippe - yes I will do it with jQuery then.
Best regards
Markus
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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/
