Blitz - WPT: contain-style-counters-005.html

wpt / css / css-contain / contain-style-counters-005.html

/css/css-contain/contain-style-counters-005.html

<!DOCTYPE html>
<title>CSS Containment Test: 'contain: style' for counters and contained subtree scope</title>
<link rel="help" href="https://www.w3.org/TR/css-contain-1/#containment-style">
<link rel="match" href="reference/contain-style-counters-005-ref.html">
<style>
.contain {
    float: right;
    contain: style;
    clear: both;
}
.reset { counter-reset: c;}
.increment:before { content: counters(c, ""); }
.increment { counter-increment: c; }
</style>
<body>
<div class="increment"></div>
<div class="contain">
    <div class="increment"></div>
    <div class="reset"></div>
    <div class="increment"></div>
</div>
<div class="increment"></div>
<div class="contain">
    <div class="increment"></div>
    <div class="increment"></div>
</div>
<div class="increment"></div>

/css/css-contain/reference/contain-style-counters-005-ref.html

<!DOCTYPE html>
<style>
.contain {
    float: right;
    clear: both;
}
.reset { counter-reset: c;}
.increment:before { content: counters(c, ""); }
.increment { counter-increment: c; }
</style>
<body>
<div>1</div>
<div class="contain">
    <div>11</div>
    <div>11</div>
</div>
<div>2</div>
<div class="contain">
    <div>21</div>
    <div>22</div>
</div>
<div>3</div>