Re: [css3-selectors] Grouping

On Sat, Jan 9, 2010 at 6:56 PM, Brad Kemper <brad.kemper@gmail.com> wrote:
> On Jan 9, 2010, at 3:55 PM, "Tab Atkins Jr." <jackalmage@gmail.com> wrote:
>
>>> So, for instance, to "select a P tag that contains an element matching
>>> 'a:hover' in it", you would add a space after the p:
>>>
>>> p :matches(a:hover)
>>
>> No, that selects something different.
>>
>> p :matches(a:hover)
>> is equivalent to
>> p a:hover
>
> How is that different? The 'a' is an element inside the 'p' element. What
> you wrote (with the space) is the same as what was described in the prose.

"p :matches(a:hover)" does not "select a P tag that contains an
element matching 'a:hover' in it".  It matches an a:hover with a <p>
ancestor.  The two are very different.

To select a <p> containing an a:hover, you have to use :has, like
"p:has(a:hover)".

~TJ

Received on Sunday, 10 January 2010 05:14:15 UTC