First of all, Internet Explorer just fails with this. Up to version 8 simultaneous class selectors just failed in a random way. I was surprised a few days ago to see that Chrome and Firefox also have issues with this. Even if the selector did appear to work, it did not register in the css rule lists for either Firebug or the Chrome developer tools, when used with CSS3 content selectors. Remove the double class selector and they would magically appear.
The bug can be reproduced in this code:
<style type="text/css">
.a.b span:before {
content:"before ";
}
.b span:after {
content:" after";
}
</style>
<div class="a b">
<span>Test</span>
</div>
and here is the result:
Test
In Chrome and Firefox the span element will appear with an after rule, but not a before rule, even if they are both applied.
Aucun commentaire:
Enregistrer un commentaire