Source code
Revision control
Copy as Markdown
Other Tools
[class-prefix-selector-matching.tentative.html]
[class="foo-bar-baz" matches .foo-*]
expected: FAIL
[class="foo-bar-baz" matches .foo-bar-*]
expected: FAIL
[class="foo--bar" matches .foo--*]
expected: FAIL
[class="foo--bar" does not match .foo-* (the separator is "--", not "-")]
expected: FAIL
[class="foo-bar-" (ends in a dash) matches .foo-*]
expected: FAIL
[class="foo-bar-" does not match .foo-bar-* (nothing left after the prefix)]
expected: FAIL
[class="foobar" does not match .foo-* (no "-" separator)]
expected: FAIL
[class="foo-" does not match .foo-* (no character beyond the prefix)]
expected: FAIL
[class="foo-a" matches .foo-* (exactly one character beyond the prefix)]
expected: FAIL
[a class matching the prefix among several space-separated classes still matches]
expected: FAIL
[an element with no class attribute does not match .foo-*]
expected: FAIL
[class prefix selector combines with a type selector in a compound]
expected: FAIL
[class prefix selector combines with another class selector in a compound]
expected: FAIL
[class prefix selector works as a :not() argument]
expected: FAIL
[class prefix selector works inside :is()]
expected: FAIL
[class="foo---baz" matches .foo---* (a three-hyphen prefix works the same way as one or two hyphens)]
expected: FAIL
[class="foo---baz" does not match .foo--* (the separator is "---", not "--")]
expected: FAIL
[class="foo----qux" does not match .foo---* but does match .foo----* (an extra hyphen right after the prefix disqualifies a shorter prefix match)]
expected: FAIL