[Color] Make gradients work with ExtendedColors
[WebKit-https.git] / LayoutTests / css3 / supports-not-selector.html
1 <!DOCTYPE html>
2 <style>
3 div { color: red; }
4 </style>
5 <style>
6 @supports (display:block) {
7     div:not(.outside).valid { color: green; }
8 }
9 div:not(.inside).valid {
10     color:green;
11 }
12 </style>
13 <style>
14 div.nocondition.inside { color: green; }
15 @supports {
16     div:not(.outside).nocondition { color: red; }
17 }
18 div:not(.inside).nocondition {
19     color:green;
20 }
21 </style>
22 <style>
23 div.norule.outside { color: green; }
24 @supports (display:block)
25 div:not(.inside).norule {
26     color:red;
27 }
28 </style>
29 <style>
30 @supports;
31 div:not(.inside).semicolon {
32     color:green;
33 }
34 </style>
35 <div class="inside valid">This should be green if not() pseudo class selector works inside @supports rule.</div>
36 <div class="outside valid">This should be green if not() pseudo class selector works after/outside @supports rule.</div>
37
38 <div class="inside nocondition">This should be green if not() pseudo class selector DOES NOT work inside @supports rule without condition.</div>
39 <div class="outside nocondition">This should be green if not() pseudo class selector works after/outside @supports rule without condition.</div>
40
41 <div class="outside norule">This should be green if not() pseudo class selector DOES NOT work after/outside @supports rule without rule.</div>
42
43 <div class="outside semicolon">This should be green if not() pseudo class selector works after/outside @supports rule without condition and rule.</div>