tft每日頭條

 > 生活

 > css如何确定屬性的值

css如何确定屬性的值

生活 更新时间:2024-11-20 04:57:46

css如何确定屬性的值?.choose {counter-reset: fruit;,我來為大家科普一下關于css如何确定屬性的值?下面希望有你要的答案,我們一起來看看吧!

css如何确定屬性的值(css計算屬性選中的了幾項)1

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 代碼,也可計算選中的個數

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved