CODEWITHSUNDEEP
css
user3718908x100
user3718908x100

Reputation: 8509

CSS error in stylesheet

Hello i have this wordpress template that i got from someone, however i noticed that there are some errors in the style sheet file, i found this line in that file:

ul.gdlr-twitter-widget li:before{ font-size: 25px; line-height: 24px; float: left; margin-right: 20px;
    margin-top: 2px; font-family: FontAwesome; 
    content: '\f099'; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ''); }

Now this line is underlined in red in my IDE:

expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');

I'm average in CSS not really an expert so i am finding it difficult understanding what the above code does and how to fix it.

Upvotes: 1

Views: 638

Answers (1)

CupawnTae
CupawnTae

Reputation: 14580

It's an IE 7 hack to emulate the the content property of the :before pseudo-element, because content is not supported before IE 8. If you don't care about IE 7, you can just remove this bit:

*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');

because all modern browsers will ignore that and pay attention to content: '\f099', which does the same thing, but properly.

If you do care about IE 7, you should probably just ignore the error.

More info: Can CSS Content Property work in IE7?

Upvotes: 3

Related Questions