22 lines
593 B
HTML
22 lines
593 B
HTML
<!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>
|