简介
在本实验中,我们将探索如何使用 CSS 计数器来创建自定义列表计数器。具体来说,我们将学习如何初始化和递增计数器变量,以及如何使用 counters()
函数显示这些变量的值。在本实验结束时,你将能够创建嵌套列表计数器,并使用 CSS 自定义列表元素的外观。
Skills Graph
%%%%{init: {'theme':'neutral'}}%%%%
flowchart RL
css(("`CSS`")) -.-> css/BasicConceptsGroup(["`Basic Concepts`"])
css(("`CSS`")) -.-> css/IntermediateStylingGroup(["`Intermediate Styling`"])
css/BasicConceptsGroup -.-> css/selectors("`Selectors`")
css/IntermediateStylingGroup -.-> css/lists_and_tables("`Lists and Tables`")
css/IntermediateStylingGroup -.-> css/pseudo_elements("`Pseudo-elements`")
subgraph Lab Skills
css/selectors -.-> lab-35184{{"`使用 CSS 创建嵌套列表计数器`"}}
css/lists_and_tables -.-> lab-35184{{"`使用 CSS 创建嵌套列表计数器`"}}
css/pseudo_elements -.-> lab-35184{{"`使用 CSS 创建嵌套列表计数器`"}}
end