Question

I want to apply CSS to a sibling div when an a link is :active

.navigation-menu:active ~ .container-menu,
    left: 0;
}

I know IE9 and below don’t support this but does IE10?

Answer 1

No it doesn’t work in IE10. I tested with the following fiddle: http://jsfiddle.net/uYsXP/

HTML:

<div>
    <a href="#" class="navigation-menu">Click me</a>
    <div class="container-menu">Bacon!</div>
</div>

CSS:

.navigation-menu:active ~ .container-menu {
    color: green;
}