css - IE 7 - 关于 css 类继承的错误

标签 css internet-explorer inheritance internet-explorer-7 background-position

问题

我用 2 种键盘(字母数字，数字)创建了键盘，但是当我测试我的脚本时，IE 7 中的 CSS 似乎存在继承错误。我使用类 .backspace 来将两种类型的键分开，但它们仍然继承 .backspace

的背景位置

代码

CSS代码

key

.keyboard-table.numeric .key-element{background-position: 5px -90px}
.keyboard-table.numeric .key-element.keypressed{background-position: 5px -210px}

.keyboard-table.numeric .backspace{ background-position: -295px -90px}
.keyboard-table.numeric .backspace.keypressed{background-position: -295px -210px;}

HTML代码

<div class="keyboard-column">
  <span class="key-element" ascii-code="48" style="margin: 5px 0px 0px 5px; width: 300px; height: 112.5px;">
    0
  </span>
</div>
<div class="keyboard-column">
  <span class="key-element backspace" style="margin: 5px 0px 0px 5px; width: 640px; height: 112.5px;">
    ← Apagar
  </span>
</div>

请问，我该如何修复这个错误？

最佳答案

我认为 IE7 不支持并排兄弟选择器。所以这些都行不通...