1

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'> ですが、それは本当に汚いコードです...多分いくつかのハックがありますか？

4

1 に答える 1

0

ここに行く方法は、よりセマンティックなクラス名を作成してから、次のように分割することです。

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

そして、あなたが持っているhtmlはうまく機能し、IMOはより保守しやすくなります。

于 2012-12-18T19:01:24.827 に答える