| <!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> |