selectors-attr-many.html (2414B)
1 <!DOCTYPE html> 2 <title>Selectors: Many attribute selectors, and one that is only set</title> 3 <link rel="author" title="Steinar H. Gunderson" href="mailto:sesse@chromium.org"> 4 <link rel="help" href="https://crbug.com/1345818"/> 5 <link rel="match" href="selectors-attr-many-ref.html"/> 6 <style> 7 [color-me] { color: green; } 8 [color-me='blue'] { color: blue; } 9 [color-me='blue1'] { color: blue; } 10 [color-me='blue2'] { color: blue; } 11 [color-me='blue3'] { color: blue; } 12 [color-me='blue4'] { color: blue; } 13 [color-me='blue5'] { color: blue; } 14 [color-me='blue6'] { color: blue; } 15 [color-me='blue7'] { color: blue; } 16 [color-me='blue8'] { color: blue; } 17 [color-me='blue9'] { color: blue; } 18 [color-me='orange'] { color: orange; } 19 [color-me='orange1'] { color: orange; } 20 [color-me='orange2'] { color: orange; } 21 [color-me='orange3'] { color: orange; } 22 [color-me='orange4'] { color: orange; } 23 [color-me='orange5'] { color: orange; } 24 [color-me='orange6'] { color: orange; } 25 [color-me='orange7'] { color: orange; } 26 [color-me='orange8'] { color: orange; } 27 [color-me='orange9'] { color: orange; } 28 [color-me='green'] { color: green; } 29 [color-me='green1'] { color: green; } 30 [color-me='green2'] { color: green; } 31 [color-me='green3'] { color: green; } 32 [color-me='green4'] { color: green; } 33 [color-me='green5'] { color: green; } 34 [color-me='green6'] { color: green; } 35 [color-me='green7'] { color: green; } 36 [color-me='green8'] { color: green; } 37 [color-me='green9'] { color: green; } 38 [color-me='purple'] { color: purple; } 39 [color-me='purple1'] { color: purple; } 40 [color-me='purple2'] { color: purple; } 41 [color-me='purple3'] { color: purple; } 42 [color-me='purple4'] { color: purple; } 43 [color-me='purple5'] { color: purple; } 44 [color-me='purple6'] { color: purple; } 45 [color-me='purple7'] { color: purple; } 46 [color-me='purple8'] { color: purple; } 47 [color-me='purple9'] { color: purple; } 48 [color-me='turquoise'] { color: turquoise; } 49 [color-me='turquoise1'] { color: turquoise; } 50 [color-me='turquoise2'] { color: turquoise; } 51 [color-me='turquoise3'] { color: turquoise; } 52 [color-me='turquoise4'] { color: turquoise; } 53 [color-me='turquoise5'] { color: turquoise; } 54 [color-me='turquoise6'] { color: turquoise; } 55 [color-me='turquoise7'] { color: turquoise; } 56 [color-me='turquoise8'] { color: turquoise; } 57 </style> 58 <p>This text should be black.</p> 59 <p color-me="unknown">This text should be green.</p> 60 <p color-me="blue">This text should be blue.</p>