如何使用伪选择器向动态宽度值添加？

Question

我有以下元素，其中包含可变数量的部分：

<div class="accordion horizontal">
<section id="A">...</section>
<section id="B">...</section>
...
</div>

我需要根据部分的数量设置width属性的值。

/* CSS */
    .horizontal :target {
    width: ? %;
    }

添加到此元素动态宽度（％）值的最佳做法是什么？

Answer 1

元素选择器和:target伪选择器之间不应该有空格：

.horizontal:target { /*not .horizontal :target */
  height: 100%;
  width: 100%;/*question is unclear though of this use*/
}