为什么IE9忽略我的!重要的CSS for float?

时间:2015-12-04 00:08:52

标签: html css internet-explorer-9

文字在以下div中:

<div class="small-12 medium-6 large-4 column">

该特定组合的CSS说:

.lte9 [class*="column"] + [class*="column"]:last-child {
    float: right;
}

这使得该div中的一些文本向右浮动,这是我们不想要的。但是我们需要保持CSS风格,以便引用其它需要向右浮动的其他HTML,例如图像。 底线:我不能惹这种风格。

所以,我将div改为:

<div class="fsre small-12 medium-6 large-4 column">

请注意添加“fsre”作为附加课程。

相应的CSS是:

.lte9 .fsre [class*="column"] + [class*="column"]:last-child {
    float: left !important;
}

所以现在两个样式都在CSS中,但是一个包含.fsre而一个不包含.fsre。然而,当呈现页面时,不会加载.fsre CSS。

任何人都可以扩大我的CSS视野,为什么我没能在IE9上使用它?

0 个答案:

没有答案