[whatwg] additional empty elements

Wed May 2 04:52:45 PDT 2007

On 1 May 2007, at 20:21, Brenton Strine wrote:

> However, if I then wanted to add additional special
> styling to the first and third div, (e.g.. a border and
> background color) it is less graceful. I could add style
> attributes, but that would be wasteful if I want to do
> this on a large scale. Multiple classes would be
> confusing.
>
> A nice solution would be the addition of a few div tags.
> (e.g. <div2>, <div3>, <div4> and <div5>.) Then you could
> do something like this:
>
> <style>
> div1 {text-indent:0px;}
> div2 {text-indent:10px;}
> div3 {text-indent:20px;}
> </style>

Why not:

<!DOCTYPE html>
<style>
.first {
color: red;
}
.first + div {
text-indent: 10px;
}
.first + div + div {
text-indent: 20px;
color: blue;
}
</style>
<div class="first">Indent 0</div>
<div>Indent 1</div>
<div>Indent 2</div>
<div class="first">Indent 0</div>
<div>Indent 1</div>
<div>Indent 2</div>