CSS in CS4: Can I create "nested styles" similar to InDesign's?

Question

I am working on the obituary archive section of a newspaper website. I have lists of similar 3-line "units", and I have a different class style set up for each line. A typical "unit" would be:
(Person's name) - bold weight, soft return
(Person's age/residence) - regular weight, soft return
(Date of obit publication) - smaller text, hard return
In InDesign, I could easily set up a nested paragraph style (with the help of defined character styles) to automatically format this, but I haven't been able to figure out a quick way to do so in Dreamweaver. So I waste a lot of time selecting different class styles for each line to make it look how I want it. Is it possible to make this simpler? Am I making it too hard?

Answer 1

Am I making it too hard?
You are in a way.  What are your skills with HTML and CSS?  If 'minimal' then you are in for a rough ride.  DW doesn't take kindly to that....
It would be a simple matter to define a few descendent selectors that would style everything in each of those units automatically.  Does that mean anything to you?
For example -
#obitUnit { .... }
#obitUnit div { ... }
#obitUnit h1 { font-size:1.6em;margin:1em 0 0; /* gives a 'soft return' along with the next rule */ }
#obitUnit h1+p { margin:0 0 1em; }
#obitUnit p+p { font-size:x-small; }
would style -
<div id="obitUnit">
     <h1>Person's Name</h1>
     <p>Person's age/residence</p>
     <p>Date of publication</p>
</div>