CSS3是Web开发中广泛使用的语言之一。它提供了很多强大的功能和特效，可以帮助我们构建出非常漂亮的网页。其中，计算个数是CSS3中一个非常实用的功能。

在CSS3中计算个数的方法非常简单。我们可以使用CSS中的counters属性来指定一个计数器，然后在需要计数的地方使用counter()函数就可以了。

下面是一个例子，我们使用counters属性来定义一个计数器，然后在ol标签中使用counter()函数计算已经经过了多少项：

ol {
counter-reset: item;
}
li {
display: block;
}
li:before {
content: counter(item) ". ";
counter-increment: item;
}

上面的代码中，我们首先使用counter-reset属性来指定一个计数器，并将其命名为item。然后，在li:before的伪元素中使用counter()函数计算当前已经经过了多少项，并将其添加到li的内容之前。

除了计算ol中的项数，我们还可以在其他地方使用counters属性进行计数。例如，我们可以使用counters属性来计算多级列表的层级关系：

.level-1 {
counter-reset: item;
}
.level-2 {
counter-reset: subitem;
}
li {
display: block;
}
li:before {
content: counter(item) ". ";
counter-increment: item;
}
li.level-2:before {
content: counter(item) "." counter(subitem) " ";
counter-increment: subitem;
}

上面的代码中，我们定义了两个计数器item和subitem，并在.level-1和.level-2中分别指定其起始值。然后，在li:before中计算item的值，并在li.level-2:before中计算subitem的值，并将其添加到li的内容之前。

总之，CSS3中的计数器属性能够帮助我们非常方便地对网页元素进行计数，从而实现更加灵活、强大的效果。开发人员在使用时只需要注意样式的细节即可。