[oXygen-user] Recursive Root Element In CSS
Betty Harvey
harvey at eccnet.com
Fri Mar 29 16:03:45 CDT 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 at eccnet.com | Washington,DC XML Users Grp
URL: http://www.eccnet.com | http://www.eccnet.com/xmlug
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\\/\/
More information about the oXygen-user
mailing list