[oXygen-user] Recursive Root Element In CSS

29 Mar 2013

      Hi all:

I am creating a CSS stylesheet to autonumber topics.

The structure of the document is recursive topics where topic is the root
element:

<topic>
    <title>
    <topic>
       <title>
       <topic>
           <title>

The goal is to have

1. Title
   1.1 Title
      1.1.1 Title

Because the <topic> is the root element and recursive the numbering is
is being displayed as:

1. Title
   1.1 Title
      1.1.1 Title
   1.2 Title
      1.2.2

The third level and below numbers sequentially and doesn't reset.  I tried
doing a reset-counter but then the numbers are always 1. I thought maybe I
could use :root selector:

:root topic > title:before{
     counter-increment: section;
     content: counter(section) ". ";
   }

The CSS is valid but Oxygen ignores the counter and the number isn't present.

I also looked for an Oxygen extension that might help derive the hierarchy
from the top-level but wasn't able to find anything. I think it would work
if there was a way to say 'this topic is the root element'.

Anyone have any suggestions?

Here is the CSS for the counters:

topic > title:before{
     counter-increment: section;
     content: counter(section) ". ";
   }

topic > topic > title:before{
     counter-increment: subsection;
     content: counter(section) "." counter(subsection) ". ";
   }

topic > topic > topic > title:before{
     counter-increment: subsection1;
     content: counter(section) "." counter(subsection) "."
counter(subsection1) ". ";
   }

TIA!

Betty

/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/
Betty Harvey                         | Phone:  410-787-9200  FAX: 9830
Electronic Commerce Connection, Inc. |
harvey@eccnet.com                    | Washington,DC XML Users Grp
URL:  http://www.eccnet.com          | http://www.eccnet.com/xmlug
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\\/\/