Re: [css3-conditional] Where () are ok inside @supports?

On 10/08/2011 12:29 PM, Tab Atkins Jr. wrote:
> On Tue, Aug 9, 2011 at 7:23 PM, Alan Gresley<>  wrote:

>> I never liked this form of nesting. It does not occur in CSS3 mediaqueries
>> nor any other syntax that has statements with blocks. I believe that several
>> arguments appearing between blocks are better separated by commas or
>> keywords, like shown below for the ease of commenting parts out but more so
>> to hunt down parsing errors.
>>     @supports not (display:block and display:inline)
>>     @supports not (display:block , display:inline)
> Neither of these work, as the property values may include commas or
> the keyword "and".

Can you please give me examples of these?

Off the top of my head, I can think of comma separated values for the 
properties 'background' and 'box-shadow'. Apart from mediaqueries, where 
is the keyword 'and' used?

> You absolutely must enclose the declarations in
> parens (or some other delimiter that cannot be mistaken for part of a
> value).
> ~TJ

OK, another possible delimiter.

     @supports (display:block) and ([display:inline])

     @supports not ([display:block] and [display:inline])

     @supports ([display:block])

Alan Gresley

Received on Wednesday, 10 August 2011 10:12:22 UTC