OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 p { | 3 p { |
4 color: green; | 4 color: green; |
5 } | 5 } |
6 #id-vs-class { | 6 #id-vs-class { |
7 color: green; | 7 color: green; |
8 } | 8 } |
9 /* 256 class selectors */ | 9 /* 256 class selectors */ |
10 .c0.c1.c2.c3.c4.c5.c6.c7.c8.c9.c10.c11.c12.c13.c14.c15.c16.c17.c18.c19.c20.c21.c
22.c23.c24.c25.c26.c27.c28.c29.c30.c31.c32.c33.c34.c35.c36.c37.c38.c39.c40.c41.c
42.c43.c44.c45.c46.c47.c48.c49.c50.c51.c52.c53.c54.c55.c56.c57.c58.c59.c60.c61.c
62.c63.c64.c65.c66.c67.c68.c69.c70.c71.c72.c73.c74.c75.c76.c77.c78.c79.c80.c81.c
82.c83.c84.c85.c86.c87.c88.c89.c90.c91.c92.c93.c94.c95.c96.c97.c98.c99.c100.c101
.c102.c103.c104.c105.c106.c107.c108.c109.c110.c111.c112.c113.c114.c115.c116.c117
.c118.c119.c120.c121.c122.c123.c124.c125.c126.c127.c128.c129.c130.c131.c132.c133
.c134.c135.c136.c137.c138.c139.c140.c141.c142.c143.c144.c145.c146.c147.c148.c149
.c150.c151.c152.c153.c154.c155.c156.c157.c158.c159.c160.c161.c162.c163.c164.c165
.c166.c167.c168.c169.c170.c171.c172.c173.c174.c175.c176.c177.c178.c179.c180.c181
.c182.c183.c184.c185.c186.c187.c188.c189.c190.c191.c192.c193.c194.c195.c196.c197
.c198.c199.c200.c201.c202.c203.c204.c205.c206.c207.c208.c209.c210.c211.c212.c213
.c214.c215.c216.c217.c218.c219.c220.c221.c222.c223.c224.c225.c226.c227.c228.c229
.c230.c231.c232.c233.c234.c235.c236.c237.c238.c239.c240.c241.c242.c243.c244.c245
.c246.c247.c248.c249.c250.c251.c252.c253.c254.c255 { | 10 .c0.c1.c2.c3.c4.c5.c6.c7.c8.c9.c10.c11.c12.c13.c14.c15.c16.c17.c18.c19.c20.c21.c
22.c23.c24.c25.c26.c27.c28.c29.c30.c31.c32.c33.c34.c35.c36.c37.c38.c39.c40.c41.c
42.c43.c44.c45.c46.c47.c48.c49.c50.c51.c52.c53.c54.c55.c56.c57.c58.c59.c60.c61.c
62.c63.c64.c65.c66.c67.c68.c69.c70.c71.c72.c73.c74.c75.c76.c77.c78.c79.c80.c81.c
82.c83.c84.c85.c86.c87.c88.c89.c90.c91.c92.c93.c94.c95.c96.c97.c98.c99.c100.c101
.c102.c103.c104.c105.c106.c107.c108.c109.c110.c111.c112.c113.c114.c115.c116.c117
.c118.c119.c120.c121.c122.c123.c124.c125.c126.c127.c128.c129.c130.c131.c132.c133
.c134.c135.c136.c137.c138.c139.c140.c141.c142.c143.c144.c145.c146.c147.c148.c149
.c150.c151.c152.c153.c154.c155.c156.c157.c158.c159.c160.c161.c162.c163.c164.c165
.c166.c167.c168.c169.c170.c171.c172.c173.c174.c175.c176.c177.c178.c179.c180.c181
.c182.c183.c184.c185.c186.c187.c188.c189.c190.c191.c192.c193.c194.c195.c196.c197
.c198.c199.c200.c201.c202.c203.c204.c205.c206.c207.c208.c209.c210.c211.c212.c213
.c214.c215.c216.c217.c218.c219.c220.c221.c222.c223.c224.c225.c226.c227.c228.c229
.c230.c231.c232.c233.c234.c235.c236.c237.c238.c239.c240.c241.c242.c243.c244.c245
.c246.c247.c248.c249.c250.c251.c252.c253.c254.c255 { |
11 color: red; | 11 color: red; |
12 } | 12 } |
13 | 13 |
14 .class-vs-element { | 14 .class-vs-element { |
15 color: green; | 15 color: green; |
16 } | 16 } |
17 /* 256 tagname selectors */ | 17 /* 256 tagname selectors */ |
18 div > div > div > div > div > div > div > div > div > div > div > div > div > di
v > div > div > div > div > div > div > div > div > div > div > div > div > div
> div > div > div > div > div > div > div > div > div > div > div > div > div >
div > div > div > div > div > div > div > div > div > div > div > div > div > di
v > div > div > div > div > div > div > div > div > div > div > div > div > div
> div > div > div > div > div > div > div > div > div > div > div > div > div >
div > div > div > div > div > div > div > div > div > div > div > div > div > di
v > div > div > div > div > div > div > div > div > div > div > div > div > div
> div > div > div > div > div > div > div > div > div > div > div > div > div >
div > div > div > div > div > div > div > div > div > div > div > div > div > di
v > div > div > div > div > div > div > div > div > div > div > div > div > div
> div > div > div > div > div > div > div > div > div > div > div > div > div >
div > div > div > div > div > div > div > div > div > div > div > div > div > di
v > div > div > div > div > div > div > div > div > div > div > div > div > div
> div > div > div > div > div > div > div > div > div > div > div > div > div >
div > div > div > div > div > div > div > div > div > div > div > div > div > di
v > div > div > div > div > div > div > div > div > div > div > div > div > div
> div > div > div > div > div > div > div > div > div > div > div > div > div >
div > div > div > div > div > div > div > div > div > div > div > div > div > di
v > div > div { | 18 div > div > div > div > div > div > div > div > div > div > div > div > div > di
v > div > div > div > div > div > div > div > div > div > div > div > div > div
> div > div > div > div > div > div > div > div > div > div > div > div > div >
div > div > div > div > div > div > div > div > div > div > div > div > div > di
v > div > div > div > div > div > div > div > div > div > div > div > div > div
> div > div > div > div > div > div > div > div > div > div > div > div > div >
div > div > div > div > div > div > div > div > div > div > div > div > div > di
v > div > div > div > div > div > div > div > div > div > div > div > div > div
> div > div > div > div > div > div > div > div > div > div > div > div > div >
div > div > div > div > div > div > div > div > div > div > div > div > div > di
v > div > div > div > div > div > div > div > div > div > div > div > div > div
> div > div > div > div > div > div > div > div > div > div > div > div > div >
div > div > div > div > div > div > div > div > div > div > div > div > div > di
v > div > div > div > div > div > div > div > div > div > div > div > div > div
> div > div > div > div > div > div > div > div > div > div > div > div > div >
div > div > div > div > div > div > div > div > div > div > div > div > div > di
v > div > div > div > div > div > div > div > div > div > div > div > div > div
> div > div > div > div > div > div > div > div > div > div > div > div > div >
div > div > div > div > div > div > div > div > div > div > div > div > div > di
v > div > div { |
19 color: red; | 19 color: red; |
20 } | 20 } |
21 </style> | 21 </style> |
22 <p> Bug <a href='http://webkit.org/b/98295'>98295</a>: Selector specificity cate
gories 'overflow' into higher categories</p> | 22 <p> Bug <a href='http://webkit.org/b/98295'>98295</a>: Selector specificity cate
gories 'overflow' into higher categories</p> |
23 <div id='id-vs-class' class='c0 c1 c2 c3 c4 c5 c6 c7 c8 c9 c10 c11 c12 c13 c14 c
15 c16 c17 c18 c19 c20 c21 c22 c23 c24 c25 c26 c27 c28 c29 c30 c31 c32 c33 c34 c
35 c36 c37 c38 c39 c40 c41 c42 c43 c44 c45 c46 c47 c48 c49 c50 c51 c52 c53 c54 c
55 c56 c57 c58 c59 c60 c61 c62 c63 c64 c65 c66 c67 c68 c69 c70 c71 c72 c73 c74 c
75 c76 c77 c78 c79 c80 c81 c82 c83 c84 c85 c86 c87 c88 c89 c90 c91 c92 c93 c94 c
95 c96 c97 c98 c99 c100 c101 c102 c103 c104 c105 c106 c107 c108 c109 c110 c111 c
112 c113 c114 c115 c116 c117 c118 c119 c120 c121 c122 c123 c124 c125 c126 c127 c
128 c129 c130 c131 c132 c133 c134 c135 c136 c137 c138 c139 c140 c141 c142 c143 c
144 c145 c146 c147 c148 c149 c150 c151 c152 c153 c154 c155 c156 c157 c158 c159 c
160 c161 c162 c163 c164 c165 c166 c167 c168 c169 c170 c171 c172 c173 c174 c175 c
176 c177 c178 c179 c180 c181 c182 c183 c184 c185 c186 c187 c188 c189 c190 c191 c
192 c193 c194 c195 c196 c197 c198 c199 c200 c201 c202 c203 c204 c205 c206 c207 c
208 c209 c210 c211 c212 c213 c214 c215 c216 c217 c218 c219 c220 c221 c222 c223 c
224 c225 c226 c227 c228 c229 c230 c231 c232 c233 c234 c235 c236 c237 c238 c239 c
240 c241 c242 c243 c244 c245 c246 c247 c248 c249 c250 c251 c252 c253 c254 c255'>
Test passes if all text on this page is green.</div> | 23 <div id='id-vs-class' class='c0 c1 c2 c3 c4 c5 c6 c7 c8 c9 c10 c11 c12 c13 c14 c
15 c16 c17 c18 c19 c20 c21 c22 c23 c24 c25 c26 c27 c28 c29 c30 c31 c32 c33 c34 c
35 c36 c37 c38 c39 c40 c41 c42 c43 c44 c45 c46 c47 c48 c49 c50 c51 c52 c53 c54 c
55 c56 c57 c58 c59 c60 c61 c62 c63 c64 c65 c66 c67 c68 c69 c70 c71 c72 c73 c74 c
75 c76 c77 c78 c79 c80 c81 c82 c83 c84 c85 c86 c87 c88 c89 c90 c91 c92 c93 c94 c
95 c96 c97 c98 c99 c100 c101 c102 c103 c104 c105 c106 c107 c108 c109 c110 c111 c
112 c113 c114 c115 c116 c117 c118 c119 c120 c121 c122 c123 c124 c125 c126 c127 c
128 c129 c130 c131 c132 c133 c134 c135 c136 c137 c138 c139 c140 c141 c142 c143 c
144 c145 c146 c147 c148 c149 c150 c151 c152 c153 c154 c155 c156 c157 c158 c159 c
160 c161 c162 c163 c164 c165 c166 c167 c168 c169 c170 c171 c172 c173 c174 c175 c
176 c177 c178 c179 c180 c181 c182 c183 c184 c185 c186 c187 c188 c189 c190 c191 c
192 c193 c194 c195 c196 c197 c198 c199 c200 c201 c202 c203 c204 c205 c206 c207 c
208 c209 c210 c211 c212 c213 c214 c215 c216 c217 c218 c219 c220 c221 c222 c223 c
224 c225 c226 c227 c228 c229 c230 c231 c232 c233 c234 c235 c236 c237 c238 c239 c
240 c241 c242 c243 c244 c245 c246 c247 c248 c249 c250 c251 c252 c253 c254 c255'>
Test passes if all text on this page is green.</div> |
24 <div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div
id='class-vs-element' class='class-vs-element'>Test passes if all text on this p
age is green.</div></div></div></div></div></div></div></div></div></div></div><
/div></div></div></div></div></div></div></div></div></div></div></div></div></d
iv></div></div></div></div></div></div></div></div></div></div></div></div></div
></div></div></div></div></div></div></div></div></div></div></div></div></div><
/div></div></div></div></div></div></div></div></div></div></div></div></div></d
iv></div></div></div></div></div></div></div></div></div></div></div></div></div
></div></div></div></div></div></div></div></div></div></div></div></div></div><
/div></div></div></div></div></div></div></div></div></div></div></div></div></d
iv></div></div></div></div></div></div></div></div></div></div></div></div></div
></div></div></div></div></div></div></div></div></div></div></div></div></div><
/div></div></div></div></div></div></div></div></div></div></div></div></div></d
iv></div></div></div></div></div></div></div></div></div></div></div></div></div
></div></div></div></div></div></div></div></div></div></div></div></div></div><
/div></div></div></div></div></div></div></div></div></div></div></div></div></d
iv></div></div></div></div></div></div></div></div></div></div></div></div></div
></div></div></div></div></div></div></div></div></div></div></div></div></div><
/div></div></div></div></div></div></div></div></div></div></div></div></div></d
iv></div></div></div></div></div></div></div></div></div></div></div></div></div
></div></div></div></div></div></div></div></div></div></div></div></div></div><
/div></div></div></div></div> | 24 <div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div>
<div><div><div><div><div><div><div><div><div><div><div><div><div><div><div><div
id='class-vs-element' class='class-vs-element'>Test passes if all text on this p
age is green.</div></div></div></div></div></div></div></div></div></div></div><
/div></div></div></div></div></div></div></div></div></div></div></div></div></d
iv></div></div></div></div></div></div></div></div></div></div></div></div></div
></div></div></div></div></div></div></div></div></div></div></div></div></div><
/div></div></div></div></div></div></div></div></div></div></div></div></div></d
iv></div></div></div></div></div></div></div></div></div></div></div></div></div
></div></div></div></div></div></div></div></div></div></div></div></div></div><
/div></div></div></div></div></div></div></div></div></div></div></div></div></d
iv></div></div></div></div></div></div></div></div></div></div></div></div></div
></div></div></div></div></div></div></div></div></div></div></div></div></div><
/div></div></div></div></div></div></div></div></div></div></div></div></div></d
iv></div></div></div></div></div></div></div></div></div></div></div></div></div
></div></div></div></div></div></div></div></div></div></div></div></div></div><
/div></div></div></div></div></div></div></div></div></div></div></div></div></d
iv></div></div></div></div></div></div></div></div></div></div></div></div></div
></div></div></div></div></div></div></div></div></div></div></div></div></div><
/div></div></div></div></div></div></div></div></div></div></div></div></div></d
iv></div></div></div></div></div></div></div></div></div></div></div></div></div
></div></div></div></div></div></div></div></div></div></div></div></div></div><
/div></div></div></div></div> |
25 <script src='../js/resources/js-test-pre.js'></script> | 25 <script src='../../resources/js-test.js'></script> |
26 <script> | 26 <script> |
27 var idVsClass = document.querySelector('#id-vs-class'); | 27 var idVsClass = document.querySelector('#id-vs-class'); |
28 shouldBe('getComputedStyle(idVsClass).color', '"rgb(0, 128, 0)"'); | 28 shouldBe('getComputedStyle(idVsClass).color', '"rgb(0, 128, 0)"'); |
29 | 29 |
30 var classVsElement = document.querySelector('#class-vs-element'); | 30 var classVsElement = document.querySelector('#class-vs-element'); |
31 shouldBe('getComputedStyle(classVsElement).color', '"rgb(0, 128, 0)"'); | 31 shouldBe('getComputedStyle(classVsElement).color', '"rgb(0, 128, 0)"'); |
32 | 32 |
33 if (window.testRunner) testRunner.dumpAsText() | 33 if (window.testRunner) testRunner.dumpAsText() |
34 </script> | 34 </script> |
35 <script src='../js/resources/js-test-pre.js'></script> | 35 <script src='../../resources/js-test.js'></script> |
OLD | NEW |