| utatane.tea@gmail.com | 172e455 | 2014-11-11 11:14:06 +0000 | [diff] [blame] | 1 | <!doctype html> |
| 2 | <html> |
| 3 | <head> |
| 4 | <style> |
| 5 | .target { |
| 6 | background-color: lime; |
| 7 | } |
| 8 | |
| 9 | ::after #target1, |
| 10 | ::before #target1, |
| 11 | ::first-line #target1, |
| 12 | ::first-letter #target1, |
| 13 | ::-webkit-resizer #target1, |
| 14 | ::-webkit-scrollbar #target1, |
| 15 | ::-webkit-scrollbar-button #target1, |
| 16 | ::-webkit-scrollbar-corner #target1, |
| 17 | ::-webkit-scrollbar-thumb #target1, |
| 18 | ::-webkit-scrollbar-track #target1, |
| 19 | ::-webkit-scrollbar-track-piece #target1, |
| 20 | ::selection #target1 |
| 21 | { |
| 22 | background-color: red; |
| 23 | } |
| 24 | |
| 25 | ::after > #target2, |
| 26 | ::before > #target2, |
| 27 | ::first-line > #target2, |
| 28 | ::first-letter > #target2, |
| 29 | ::-webkit-resizer > #target2, |
| 30 | ::-webkit-scrollbar > #target2, |
| 31 | ::-webkit-scrollbar-button > #target2, |
| 32 | ::-webkit-scrollbar-corner > #target2, |
| 33 | ::-webkit-scrollbar-thumb > #target2, |
| 34 | ::-webkit-scrollbar-track > #target2, |
| 35 | ::-webkit-scrollbar-track-piece > #target2, |
| 36 | ::selection > #target2 |
| 37 | { |
| 38 | background-color: red; |
| 39 | } |
| 40 | |
| 41 | ::after + #target3, |
| 42 | ::before + #target3, |
| 43 | ::first-line + #target3, |
| 44 | ::first-letter + #target3, |
| 45 | ::-webkit-resizer + #target3, |
| 46 | ::-webkit-scrollbar + #target3, |
| 47 | ::-webkit-scrollbar-button + #target3, |
| 48 | ::-webkit-scrollbar-corner + #target3, |
| 49 | ::-webkit-scrollbar-thumb + #target3, |
| 50 | ::-webkit-scrollbar-track + #target3, |
| 51 | ::-webkit-scrollbar-track-piece + #target3, |
| 52 | ::selection + #target3 |
| 53 | { |
| 54 | background-color: red; |
| 55 | } |
| 56 | |
| 57 | ::after ~ #target4, |
| 58 | ::before ~ #target4, |
| 59 | ::first-line ~ #target4, |
| 60 | ::first-letter ~ #target4, |
| 61 | ::-webkit-resizer ~ #target4, |
| 62 | ::-webkit-scrollbar ~ #target4, |
| 63 | ::-webkit-scrollbar-button ~ #target4, |
| 64 | ::-webkit-scrollbar-corner ~ #target4, |
| 65 | ::-webkit-scrollbar-thumb ~ #target4, |
| 66 | ::-webkit-scrollbar-track ~ #target4, |
| 67 | ::-webkit-scrollbar-track-piece ~ #target4, |
| 68 | ::selection ~ #target4 |
| 69 | { |
| 70 | background-color: red; |
| 71 | } |
| 72 | |
| 73 | </style> |
| 74 | </head> |
| 75 | <body> |
| 76 | <div> |
| 77 | <p class="target" id="target1">This line should be green.</p> |
| 78 | <p class="target" id="target2">This line should be green.</p> |
| 79 | <p class="target" id="target3">This line should be green.</p> |
| 80 | <p class="target" id="target4">This line should be green.</p> |
| 81 | </div> |
| 82 | </body> |
| 83 | </html> |
