css - IE8 CSS 更高特异性选择器被忽略

Question

我遇到了一个 IE8 特异性问题，这让我抓狂：http: //proffetdemo.themesforge.com/shop/

以下选择器在 Chrome/Firefox 等中正确应用。人。

.tfshop-3 ul.products li.product {
    width: 30.5% !important;
}

但是在 IE8 中它被完全忽略了。上面的选择器是另一个选择器的覆盖：

ul.products li.product {
    float: left;
    margin: 0 0 20px;
    position: relative;
    width: 48%;
}

任何人都知道为什么 IE8 忽略了更具体的选择器？

更新 1：2013 年 2 月 15 日 我现在认为这可能与 response.js 在 IE8 中未正确加载有关 - 看起来其他媒体查询没有在 IE8 中启动 - 嗯......

score 1 · Accepted Answer

1

尝试在类前面添加标签。喜欢div.tfshop ul.products li.product

于 2013-02-15T16:02:50.723 回答

score 0 · Accepted Answer

@media only screen and (min-width: 768px) {
  ...
  div.tfshop-3 ul.products li.product {
    width: 30.5% !important;
}
  ...
}

这就是http://wicky.nillia.ms/enquire.js/可能有助于以更简单的方式处理它的原因。

2 回答 2