Anybody know what's the meaning of ".featureArea.j[class]" in below CSS code? that kind of style is so strange for me. :?
.featureArea{ position:relative; top:0; height:335px; }
.featureArea.j[class] { background:url('/shared/core/1/images/FeatArea_BG_3panel.png'); background-repeat:no-repeat; }
It's an attribute selector
It's saying "if there is a class on elements classed both .featureArea and .j, {do something}". obviously, since it's already a class based selector, the element has a class. I have a feeling this is being used to exploit the fact that IE6 doesn't understand attribute selectors and is thereby hiding the background png from IE6 (which doesn't support png transparency either).
Attribute selectors are fantastic. I can't wait until we can all use them regularly - particularly for forms.
Got it,many thanks for
Got it,many thanks for your detailed explaination!!