- From: Alan Gresley <alan@css-class.com>
- Date: Thu, 14 Jan 2010 04:07:38 +1100
- To: Boris Zbarsky <bzbarsky@MIT.EDU>
- CC: Niels Matthijs <niels.matthijs@internetarchitects.be>, www-style list <www-style@w3.org>
Boris Zbarsky wrote:
> On 1/13/10 7:25 AM, Alan Gresley wrote:
>> .focusBlock>header, .focusBlock *>header {
>> // style rules //
>> }
>>
>> or
>>
>> .focusBlock>header, .focusBlock>* header {
>> // style rules //
>> }
>
> Both of those selectors are exactly equivalent to ".focusBlock header"
> in terms of what they match.
>
> -Boris
This is correct for the chained selector strings but not for these
unchained selectors,
.focusBlock *>header {
// style rules //
}
.focusBlock>* header {
// style rules //
}
with this HTML.
<div class="focusBlock">
<header>...</header>
<section>...</section>
<footer>...</footer>
</div>
--
Alan http://css-class.com/
Received on Wednesday, 13 January 2010 17:08:30 UTC