CSS技巧综合运用到极致纯CSS

文员求职招聘微信群 https://www.edunews.net.cn/2021/ywbb_0920/136551.html
最近在项目中碰到了一个这样的树状结构目录，效果如下Kapture-04-10at17.48.33

如果用到了AntDesign这样的框架，那可以直接用现成的组件。如果没有用到这样的框架呢？其实纯CSS也是可以搞定的，下面看看如何实现的，还有很多你可能不知道CSS小技巧哦~

一、details和summary

首先，实现这样一个交互需要利用到details[1]和summary[2]，天然地支持内容展开和收起。这里有一个MDN的例子

detailssummarySystemRequirements/summarypRequiresa