什么是最好的CSS技巧,以减少您需要多少HTML？

什么是最聪明的CSS技术,让您使用更少的 HTML？

使用CSS的一个优点是它可以让你简化你的HTML,并完全在CSS中产生外观效果.一开始,这只是用CSS替换弃用的HTML表示标记和spacer-GIF,但近年来已经显示出更多好主意.

我正在寻找比以下更不明显的东西.

>用CSS边框替换HTML HR,用于分隔已经是DIV的部分.
>将HTML IMG替换为CSS背景图像,用于非“内容”的图形.
>用CSS代替HTML文本：before和content,用于不是’content’的文本.

我不是在寻找涉及添加JavaScript或更多HTML的技术,例如其他DIV元素.

只有在说出哪些技术时,才能在特定浏览器和版本中使用的技术是可以的.

不在div中嵌套元素可以省略特异性,而只是给元素本身提供唯一标识符.

<div id="mylist">
    <ul>
       <li>ListItem1</li>
       <li>ListItem2</li>
    </ul>
</div>

用…来代替

<ul id="mylist">
    <li>ListItem1</li>
    <li>ListItem2</li>
</ul>

那样你的CSS就可以了

div#mylist ul li { }

至

ul#mylist li { }

并且HTML会少一些.

编辑：在不必要的情况下:)