OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <style type="text/css"> | 3 <style type="text/css"> |
4 div { border: 2px solid red; } | 4 div { border: 2px solid red; } |
5 div[attr1="LOWER"] { border-top-color: yellow } | 5 div[attr1="LOWER"] { border-top-color: yellow } |
6 div[attr1="lower"] { border-top-color: green } | 6 div[attr1="lower"] { border-top-color: green } |
7 div[attr2="upper"] { border-right-color: yellow } | 7 div[attr2="upper"] { border-right-color: yellow } |
8 div[attr2="UPPER"] { border-right-color: green } | 8 div[attr2="UPPER"] { border-right-color: green } |
9 div[attr3="lower" i] { border-bottom-color: green } | 9 div[attr3="lower" i] { border-bottom-color: green } |
10 div[attr4="UPPER" i] { border-left-color: green } | 10 div[attr4="UPPER" I] { border-left-color: green } |
| 11 div[attr4="UPPER" \0130] { border-left-color: yellow } |
| 12 div[attr4="UPPER" \0131] { border-left-color: yellow } |
| 13 div[attr4="UPPER" i\0i] { border-left-color: yellow } |
11 | 14 |
12 div[attr-list~="BaR" i] { border: 2px solid green; } | 15 div[attr-list~="BaR" i] { border: 2px solid green; } |
13 div[attr-hyphen|="FoO" i] { border: 2px solid green; } | 16 div[attr-hyphen|="FoO" i] { border: 2px solid green; } |
14 div[attr-begin^="FoO" i] { border: 2px solid green; } | 17 div[attr-begin^="FoO" i] { border: 2px solid green; } |
15 div[attr-end$="BaR" i] { border: 2px solid green; } | 18 div[attr-end$="BaR" i] { border: 2px solid green; } |
16 div[attr-contain*="OoB" i] { border: 2px solid green; } | 19 div[attr-contain*="OoB" i] { border: 2px solid green; } |
17 </style> | 20 </style> |
18 | 21 |
19 <div id="element-exact" attr1="lower" attr2="UPPER" attr3="LOWER" attr4="upper">
</div> | 22 <div id="element-exact" attr1="lower" attr2="UPPER" attr3="LOWER" attr4="upper">
</div> |
20 <div id="element-list" attr-list="foo bar"></div> | 23 <div id="element-list" attr-list="foo bar"></div> |
(...skipping 20 matching lines...) Expand all Loading... |
41 shouldBe("window.getComputedStyle(element).borderLeftColor", "'rgb(0, 128, 0
)'"); | 44 shouldBe("window.getComputedStyle(element).borderLeftColor", "'rgb(0, 128, 0
)'"); |
42 } | 45 } |
43 | 46 |
44 checkBorders("element-exact"); | 47 checkBorders("element-exact"); |
45 checkBorders("element-list"); | 48 checkBorders("element-list"); |
46 checkBorders("element-hyphen"); | 49 checkBorders("element-hyphen"); |
47 checkBorders("element-begin"); | 50 checkBorders("element-begin"); |
48 checkBorders("element-end"); | 51 checkBorders("element-end"); |
49 checkBorders("element-contains"); | 52 checkBorders("element-contains"); |
50 </script> | 53 </script> |
OLD | NEW |