html - 将列表样式添加回 li 标签以提高可见性 :collapse;

Question

我有这个html:

HTML

<li>
   <a>Title</a>
(0)
</li>

CSS

li {
   visibility:collapse;
}
li a {
   visibility:visible;
}

CSS 有效并隐藏了 a 标签中的“0”。

问题是li的列表style在visibility:collapse之后没有回来；

我如何设置列表样式的位置？

添加到标签列表样式效果不佳，因为它使列表样式的要点成为链接本身。

我只能访问 style.css，所以不能在 0 周围添加 span。

Answer 1

问题是您折叠了所有列表，因此隐藏了它的样式。

• 一种解决方案是将元素放在一个跨度中并折叠它。

---

<li>
   <a>Title</a>
    <span class='collapse'>(0)</span>
</li>

---

li .collapse{
   visibility:collapse;
}

https://jsfiddle.net/jb0yzewt/2/