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

我有以下CSS3代码：

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

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

---

提前感谢

在CSS3中没有与

rem

等效的CSS2.1，因此您会遇到一些麻烦。但如果您指的是数据属性，那么CSS2.1对它们的支持非常好，因为属性选择器是在CSS2.1中引入的。CSS3中有新的属性选择器，但您使用的不是新的。

CSS3中没有与

rem

等效的CSS2.1，因此您会遇到一些问题。但如果您指的是数据属性，那么CSS2.1对它们的支持非常好，因为属性选择器是在CSS2.1中引入的。CSS3中有新的属性选择器，但您使用的不是新的。

这里真正的问题是

rem

单元，它有（IE 8或更早版本中不支持）。在大多数情况下，可以使用

em

单元轻松地替换它，只需注意嵌套元素的字体大小设置可能产生的影响。请记住，

em

单元等于当前元素的字体大小。

这里真正的问题是

rem

单元，它没有（IE 8或更早版本中不支持）。在大多数情况下，可以使用

em

单元轻松地替换它，只需注意嵌套元素的字体大小设置可能产生的影响。请记住，

em

单位等于当前元素的字体大小。

谢谢您提供的信息。还有一件事，因为这些属性是HTML5的一部分，所以它们将在IE7/IE8中得到支持。如果没有，那还有什么选择？@Jash：他们应该得到支持。如果没有，唯一的选择是添加一个具体的

类

，而不是使用数据属性。像

[data class=float1]

这样的选择器在IE 7中工作得很好，前提是它处于标准模式（但同样，即使IE 9在怪癖模式下也不支持它们）。您甚至可以使用自己的属性名和选择器，如

[foo=bar]

，因为浏览器中的CSS支持并不关心不同版本中HTML中允许的内容。感谢您提供这些信息。还有一件事，因为这些属性是HTML5的一部分，所以它们将在IE7/IE8中得到支持。如果没有，那还有什么选择？@Jash：他们应该得到支持。如果没有，唯一的选择是添加一个具体的

类

，而不是使用数据属性。像

[data class=float1]

这样的选择器在IE 7中工作得很好，前提是它处于标准模式（但同样，即使IE 9在怪癖模式下也不支持它们）。您甚至可以使用自己的属性名和选择器，如

[foo=bar]

，因为浏览器中的CSS支持并不关心不同版本中HTML中允许的内容。