 the step value of 3 (an entirely arbitrary number) each
    and every time there is a <span> child within the subtree
    of div
    */

  p#test::after
    {
      content: counter(counter-of-span);
      font-size: 3em;
    }

    /*
    Now, the generated content is set to the current
    value of the counter identified as "counter-of-span":
    17 + 3 * 3 == 26
    */
  </style>

  <body>

  <div><span>FAIL1</span> <span>FAIL2</span> <span>FAIL3</span></div>

  <p id="pass-fail-conditions-sentence">Tes