Sent by Uwe Kaiser on 15 May 2005 22:10
Ingo Chao schrieb:
>
> The problem with multiple classes in IE is that you have to avoid CSS
> multiple selectors with "common final matches" like
>
> .explorer {background: gray; }
> .mini { font-weight: normal;}
> .full { font-weight: bold; }
> .full.explorer {text-decoration:none; background: red;}
> .mini.explorer {text-decoration:underline}
>
> <!-- modified -->
> <div class="mini explorer">Mini</div>
> <div class="full explorer">Full</div>
>
> Valid, and sometimes useful with more alternatives than shown here, but
> breaks IE: Now both the divs get underlining /and/ red.
>
MSIE/PC is reading the last class of multiple classes exclusively.
In order to use the example above, MSIE/PC is reading:
..explorer {background: gray; }
..mini { font-weight: normal;}
..full { font-weight: bold; }
..explorer {text-decoration:none; background: red;}
..explorer {text-decoration:underline}
<div class="full explorer">Full</div>
<!-- font-weight:bold, background:red, text-decoration:underline -->
This circumstand we can use to show a message to MSIE/PC users only.
..standard {background: #FF0; border: 2px dotted red; padding: 5px 1em;}
..hidden.text {display: none;}
..text {display: block; color: #000;}
<div>
<p class='This text is hidden from standard browsers'>
Congratulations, you are using browser XY!
</p>
</div>
regards,
Uwe Kaiser
[EMAIL-REMOVED]>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
