Cách thiết lập bộ đếm cho bộ đếm mục tiêu

Question

Trong phương tiện được phân trang, thuộc tính CSS target-counters có thể được sử dụng để bao gồm nhiều bộ đếm. Thông số kỹ thuật cung cấp ví dụ sau (đã được đơn giản hóa):

a::after { 
content: "see section " target-counters(attr(href, url), section, ".") 
} 

nên xuất kết quả như (see section 1.3.5).

Tôi làm cách nào để thiết lập bộ đếm section?

Answer 1

Từ Generated Content Module (nội dung cho phi paged, quá):

đếm là "tự làm tổ", theo nghĩa là tái sử dụng một bộ đếm trong một phần tử con tự động tạo ra một trường hợp mới của bộ đếm.

Vì vậy, bạn chỉ có thể viết

<style type="text/css">  
section {counter-increment: section;} 
</style> 

<section id="foo"> 
<h1>Root level</h1> 
    <section id="bar"> 
    <h2>Sub Level</h2> 
    </section> 
</section> 

Không có cách nào để sử dụng quầy lồng nhau nếu cây yếu tố của bạn là phẳng (như trong <h1>Root</h1><h2>Sub</h2>).