wide-keyword-fallback-002.html (751B)
1 <!doctype html> 2 <title>CSS Test: Wide keyword can be used as a fallback variable value for custom properties themselves</title> 3 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 4 <link rel="author" title="Mozilla" href="https://mozilla.org"> 5 <link rel="help" href="https://drafts.csswg.org/css-variables/#substitute-a-var"> 6 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1544886"> 7 <link rel="match" href="wide-keyword-fallback-002-ref.html"> 8 <style> 9 .outer1 { 10 --color: green; 11 } 12 .outer2 { 13 --color: var(--foo, unset); 14 } 15 .inner { 16 color: var(--color); 17 } 18 </style> 19 <div class="outer1"> 20 <div class="outer2"> 21 <div class="inner"> 22 Should be green 23 </div> 24 </div> 25 </div>