.dcss-lookup

Finds the item with a given key and gives its value.

Example

Result
Markup
<link rel="stylesheet" href="dcss.css">
<link rel="stylesheet" href="families/array.css">
<link rel="stylesheet" href="families/format.css">

<figure class="dcss-lookup dcss-format-fixed" style="--find: 102; --precision: 2">
  <ul>
    <li style="--key: 101; --value: 1250"></li>
    <li style="--key: 102; --value: 899"></li>
    <li style="--key: 205; --value: 4500"></li>
  </ul>
  <div>
    <output style="--value: calc(var(--dcss-lookup) / 100)"></output>
  </div>
</figure>

Browser support

BrowserSupport
ChromeYes
SafariYes
FirefoxWhole numbers only

See also