如何替换CSS3中的数据属性（data - *），以便它们在CSS2.1中工作

Question

我有以下CSS3代码：

[data-class=float1]
    {
        width: 100%;
        float: none;
        margin: 0 0 0.1rem 0;
    }

现在我想让我的页面在IE7 / IE8中工作，因为他们不支持css3，我需要在CSS2.1中找到替代这个代码

提前致谢

Answer 1

CSS3中没有rem的CSS2.1等价物，所以你会遇到一些麻烦。但是，如果您指的是数据属性，CSS2.1支持它们就好了，因为CSS2.1中引入了属性选择器。 CSS3中有新的属性选择器，但您使用的属性选择器并不是新的。

Answer 2

这里真正的问题是rem单位，其中limited support（在IE 8或更早版本中不支持）。在大多数情况下，可以使用em单元轻松替换它，只需注意嵌套元素的字体大小设置的可能影响。请记住，em单位等于当前元素的字体大小。