上代碼： counter-reset 屬性設置某個選擇器出現次數的計數器的值。預設為 0。 counter-increment 屬性設置某個選取器每次出現的計數器增量。預設增量是 1。 counter()插入計數器 ...
上代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>計數</title>
<style type="text/css">
body{
counter-reset: fruit;
}
input:checked{
counter-increment:fruit;
}
.total:after{
content:counter(fruit);
}
</style>
</head>
<body>
<input type="checkbox" name='fruit'>水果
<input type="checkbox" name='fruit'>水果
<input type="checkbox" name='fruit'>水果
<input type="checkbox" name='fruit'>水果
<input type="checkbox" name='fruit'>水果
<input type="checkbox" name='fruit'>水果
<input type="checkbox" name='fruit'>水果
<input type="checkbox" name='fruit'>水果
<input type="checkbox" name='fruit'>水果
<p class='total'></p>
</body>
</html>
counter-reset 屬性設置某個選擇器出現次數的計數器的值。預設為 0。
counter-increment 屬性設置某個選取器每次出現的計數器增量。預設增量是 1。
counter()插入計數器
