You can add custom styles via properties: In order to add styles to a subtree, use the :HTML_CONTAINER_CLASS: property to assign a class to the tree. In order to specify CSS styles for a particular headline, you can use the id specified in a :CUSTOM_ID: property.
http://orgmode.org/manual/CSS-support.html#CSS-support So you should do something like: #+begin_example org * Top heading ** Resource :PROPERTIES: :HTML_CONTAINER_CLASS: resource :END: #+end_example This exports as #+begin_example html <div ... class="outline-2 resource"> <h2>Resource</h2> ... #+end_example So you can define styles thus: #+begin_example css div.resource h2 { font: comic_sans_forever; } #+end_example regards, .j. On Thu, Mar 31, 2011 at 06:46:45PM -0400, Uriel Avalos wrote: > Suppose that you export the following document to HTML: > > * Heading 1 > ** Heading 2 > > The HTML structure is pretty much the following: > > div class=outline-2 > h2 Heading 1 > div class=outline-text-2 > div class=outline-3 > h3 Heading 2 > > Is there a way to apply a custom CSS class to the: > > 1. containing div (outline-2)? > 2. heading itself (h2)? > 3. text inside of the heading (outline-3)? > > Why? Suppose you have the following document > > * Heading 1 > ** Resources > ** Answers > * Heading 2 > ** Quiz > ** Resources > ** Answers > > You need to apply a different style to the Resources and > Quizzes. Unfortunately, these don't always appear in an > outline and they don't always appear in the same order. It > is infinitely easier to use a custom CSS class with each > heading.