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

Question

I have the following CSS3 code:

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

Now i want to make my page work in IE7/IE8, and as they dont support css3, i need to find alternative for this code in CSS2.1

Thanks in advance

Answer 1

There is no CSS2.1 equivalent for rem in CSS3 so you're going to have a bit of trouble with that. But if you're referring to data attributes, CSS2.1 supports them just fine since attribute selectors were introduced in CSS2.1. There are new attribute selectors in CSS3, but the one you're using is not new.

Answer 2

The real problem here is the rem unit, which has limited support (no support in IE 8 or earlier). In most cases, it can easily be replaced by the use of the em unit, just paying attention to possible effects of font size settings for nested elements. Just remember that the em unit equals the font size of the current element.