+{
        -{item}
        -{
                *{-{nested item}
                  -{nested item}}}
        -{item}}

renders normally the ordered/unordered nesting,

but

*{
        -{item}
        -{
                +{-{nested item}
                  -{nested item}}}
        -{item}}

sets all the items to be unordered list items.

Which is weird because the rendered html is correct:

<ul>
        <li>item</li>
        <li>
                <ol><li>nested item</li>
                  <li>nested item</li></ol></li>
        <li>item</li></ul>


It looks like the culprit is the wiki.css file (L86):

#main > ul li {
   list-style-type: square;
}

That selector applies the "list-style-type: square;" to *all* <li> elements 
under a <ul> element (including <ol> nested <li> elements).

The correct syntax for the selector is:

#main > ul > li {
   list-style-type: square;
}

that way the style is only applied to the direct children of <ul>.

reference:
https://developer.mozilla.org/en-US/docs/Web/CSS/Descendant_combinator
https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator


Jean-Christophe Helary
-----------------------------------------------
http://mac4translators.blogspot.com @brandelune



--
UNSUBSCRIBE: mailto:[email protected]?subject=Unsubscribe

Reply via email to