Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 1 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /css/css-navigation/tentative/link-to-001.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>:link-to()</title>
<style>
:link-to(url-pattern("/*/mandatory/:dir/:file")) {
--selector: matched;
}
</style>
<a id="link1" href="/jubajuba/mandatory/any1/any2">link1</a>
<a id="link2" href="/jubajuba/mismatch/any1/any2">link2</a>
<a id="link3" href="/jubajuba/mandatory/any1/">link2</a>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
const property = "--selector";
function assert_match(elm) {
assert_equals(getComputedStyle(elm).getPropertyValue(property), "matched", elm.id);
}
function assert_no_match(elm) {
assert_equals(getComputedStyle(elm).getPropertyValue(property), "", elm.id);
}
test(()=> {
assert_match(link1);
assert_no_match(link2);
assert_no_match(link3);
}, "link-to()");
</script>