课堂中的课堂，ie6中的错误

Question

我正在编写 HTML/css 代码并且在 IE6 中有一个特定的错误。

我想创建可变的 div，使用类：

例如（这只是示例，不是实际项目代码）

.top {width: 50px;}
.top.selected {background: #f00;}
.mid {width: 114px;}
.mid.selected {background: #0f0;}
.bot {width: 100px;}
.bot.selected {background: #0ff; color: #f00;}
...etc...

所以，html 就像一个：

<div class='top selected'>1</div>
<div class='mid'>2</div>
<div class='bot selected'>3</div>

这对程序员来说很棒，但它在 IE6 中不起作用:(

仅限.topselected {background: #f00;} // <div class='top topselected'> ，但它确实是肮脏的代码......也许有些有一些黑客？

Answer 1

似乎去这里的方法是创建更多语义类名称，然后将它们拆分如下：

.highlighted { background: #0f0; }
.wide { width: 114px; }
/* etc... */

然后您拥有的 html 将运行良好，并且 IMO 更易于维护。