Comments on: Definition lists – misused or misunderstood?

By: Russ

Russ — Sun, 28 Feb 2010 10:22:31 +0000

@John Snow: you are correct. Instead of using a class, I could have used an adjacent sibling selector.

However, this will not work for earlier versions of IE including 5 and 6.

(IE6 is more prevalent that some people think – such as Government and large organisations that have locked staff down to IE6).

Also, this article was written in 2004 when there was no IE7, let alone IE8, so using adjacent sibling selectors at that time, though desirable, was hardly practical if you wanted cross-browser support.

Thanks
Russ

By: John Snow

John Snow — Sun, 28 Feb 2010 03:09:09 +0000

As an addendum to Style #8, you don’t need a special class (dd.first) for the first definition in a pair of multiples. You can use something like this instead:

dt+dd { border-top: 1px solid #999; }

which will add the style to the first dd that immediately follows any dt. A good way to style existing lists without changing the html; and it also cuts down on using extraneous classes.

By: links for 2010-02-20 « dstelow notes…

links for 2010-02-20 « dstelow notes… — Sat, 20 Feb 2010 23:04:07 +0000

[...] Html Definition lists – misused or misunderstood? | Max Design …What are definition lists? When are they appropriate? And how to style them to look like tables, image galleries, calendar of events and more. (tags: dev web html css design) [...]