CSS Confusion

I'm confused about CSS2 terminology, and perhaps someone can explain to =
me. =20

I am producing a page that's going to be like this (here's pseudo code)

<some css tag - "div" maybe?" start - eventlisting>
	Event stuff - dates, times, comments.
</some css tag - "div" maybe?" start - eventlisting>


If I want all the event stuff to have particular characteristics, =
without having to put "class =3D eventlisting" in every tag in that =
area, which of the following do I put in the style sheet?:

[option A]:
eventlisting.h2 { yada yada yada }
eventlisting.h3 { yada yada yada }
eventlisting.p, td, ul, li { yada yada yada }

[option B]:
#eventlisting h2 { yada yada yada }
#eventlisting h3 { yada yada yada }
#eventlisting p, td, ul, li { yada yada yada }


(or is there a third alternative)


And I'm confused about the difference in CSS terms between <.div =
class=3Dwhatever> and <.div id=3Dwhatever>   and I'm confused about the =
difference between .eventlisting and #eventlisting in a style sheet, =20


Can someone please explain it to me in simple terms?


Cheers,
Mike Kear
Windsor, NSW, Australia=20
AFP Webworks
http://afpwebworks.com

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA