文字在以下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上使用它?