Multiple pseudo classes on a single selector

Question

Is the following CSS syntax valid?

a:first-child:hover { background-color: transparent; }

If so, what is the compatibility as far as browsers? For example, is it compatible in IE8, IE6+, Firefox 4, Chrome, etc.

Alex Char · Accepted Answer · 2014-12-06 12:24:22Z

5

Combo first-child and :hover is correct(IE6 recognize only last pseudo-class in the chain):

div span:first-child:hover {
  color: red;
}

<div>
  <span>asdasd</span>
  <span>asdasd</span>
  <span>asdasd</span>
</div>

answered Dec 6, 2014 at 12:24

Alex Char

33.2k9 gold badges51 silver badges71 bronze badges

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

2 Comments

Alex Char Over a year ago

Yes it works but also take a look here

BoltClock Over a year ago

This isn't so much an issue of IE6 not recognizing multiple pseudo-classes in a chain as that it doesn't recognize :first-child. It does sound like a reasonable claim, though.

Collectives™ on Stack Overflow

Multiple pseudo classes on a single selector

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related