.dcss-rollup-sum

Adds up the values of the items that share a key.

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-rollup-sum" style="--key-0: 3; --key-1: 4">
  <ol>
    <li style="--key: 3; --value: 120"></li>
    <li style="--key: 4; --value: 95"></li>
    <li style="--key: 3; --value: 30"></li>
  </ol>
  <output style="--key: 3">
  <span class="dcss-format-fixed" style="--value: var(--dcss-sum); --precision: 0"></span></output>
</figure>

Browser support

BrowserSupport
ChromeYes
SafariYes
FirefoxWhole numbers only

See also