CODEWITHSUNDEEP
htmlcssinternet-explorer-8
ClaytonDaniels
ClaytonDaniels

Reputation: 523

IE8 CSS after selector

The CSS

.main blockquote p:first-child:before {
    content: '“';
    position: absolute;
    top: 7px;
    left: 0;
}

.main blockquote p:last-child:after {
    content: '”';
    float: right;
    position: absolute;
    bottom: -9px;
    right: 7px;
}

The Code

<blockquote>
    <p>A quote about many wonderful things...</p>
</blockquote>

This works in most browsers... in IE8, I only get the before quote... what am I missing?

Upvotes: 2

Views: 1346

Answers (2)

Chandrakant
Chandrakant

Reputation: 1981

The :last-child selector is not supported in IE8 and earlier versions. http://www.w3schools.com/cssref/sel_last-child.asp Use some Jquery code

Upvotes: 1

Jitender
Jitender

Reputation: 7969

last-child does not support ie8. You have to use jquery for doing so

Upvotes: 4

Related Questions