| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Whitespace-separated attribute selectors</title> |
| <style> |
| span { color: red; } |
| [data-list~="b"] { color: green; } |
| #t1:not([data-list~=" z"]) { color: green; } |
| #t2:not([data-list~="u "]) { color: green; } |
| </style> |
| </head> |
| <body> |
| <p> |
| <span data-list="a b ">This</span> |
| <span data-list="a b c">text</span> |
| <span data-list="a b ">should</span> |
| <span id="t1" data-list="w z x	">be</span> |
| <span id="t2" data-list="u	">green</span> |
| </p> |
| </body> |
| </html> |
