You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
798 B
HTML
29 lines
798 B
HTML
4 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<body>
|
||
|
|
<style>
|
||
|
|
:lang(en) { --text: '(en)'; }
|
||
|
|
:lang(de-DE) { --text: '(de-DE)'; }
|
||
|
|
a { test: " (" var(--lang) ")"}
|
||
|
|
|
||
|
|
div {
|
||
|
|
/* '--a' and '--b' are both 'initial' */
|
||
|
|
--should-not-exist: var(--a, var(--b, ( "p() " ) ), { "b" [ "r" ] });
|
||
|
|
/* 'before -var- after' */
|
||
|
|
--concate-test: 'before' var(--exists) 'after';
|
||
|
|
--exists: '-var-';
|
||
|
|
/* fallback should be at least one char */
|
||
|
|
--invalid-fallback: var(--exists,);
|
||
|
|
/* using fallback */
|
||
|
|
--fallback: var(--a, 'ok');
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div data-ruleset="--concate-test: 'before' '-var-' 'after'; --exists: '-var-'; --fallback: 'ok';"
|
||
|
|
data-ruleunset="--should-not-exists: 1; --invalid-fallback: 1;" />
|
||
|
|
|
||
|
|
<a lang="en" data-ruleset="--text: '(en)';">link</a>
|
||
|
|
<a lang="de" data-ruleunset="--text: 1;">link</a>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|