CSS 的 has() 实现过滤数据,无需依赖脚本

    你在页面中过滤数据是否还需要依赖JavaScript等三方脚本?那你就彻底out了,其实只需要使用 CSS 的 has() 方法就可以轻松实现数据的过滤,而且使用起来也超级简单,只需要把同一类数据定义同一个属性即可,比如:data-category="naps",那所有标注data-category="naps"的就是同一类,使用has()函数只需要简单三两行代码就可以实现过滤。

模板目录结构如下: