CSS error in stylesheet

Question

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 = '&#xf099;'); }

Now this line is underlined in red in my IDE:

expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf099;');

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.

Your expression should return a number or a percentage, not 2 javascript actions. So expression(0.5 + 0.5) is good but expression(doSomething, doSomething) is not — verhie
– verhie, Commented Sep 3, 2015 at 12:25

Community · Accepted Answer · 2017-05-23 10:27:07Z

3

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 = '&#xf099;');

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?

edited May 23, 2017 at 10:27

CommunityBot

11 silver badge

answered Sep 3, 2015 at 12:37

CupawnTae

14.7k3 gold badges31 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CSS error in stylesheet

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related