css如何确定属性的值（css计算属性选中的了几项）
.choose {counter-reset: fruit;，我来为大家科普一下关于css如何确定属性的值?下面希望有你要的答案，我们一起来看看吧!
css如何确定属性的值
.choose {
counter-reset: fruit;
}
.choose input:checked {
counter-increment: fruit;
/*属性创建或重置一个或者多个计数器值*/
}
.count:before {
content: counter(fruit);
/*与:before及:after伪类元素配合使用,来插入生成内容*/
}
</style>
</head>
<body>
<div class="choose">
<label><input type="checkbox" />苹果</label>
<label><input type="checkbox" />香蕉</label>
<label><input type="checkbox" />梨子</label>
<label><input type="checkbox" />葡萄</label>
<label><input type="checkbox" />西瓜</label>
<label><input type="checkbox" />椰子</label>
</div>
<p>
您选择了<span class="count"></span>种水果
</p>
</div>
</body>
这个属性，不用使用一句 js 代码，也可计算选中的个数
,免责声明：本文仅代表文章作者的个人观点，与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺，请读者仅作参考，并自行核实相关内容。文章投诉邮箱：anhduc.ph@yahoo.com
