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

标签 html css

我有这个html:

HTML

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

CSS

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

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

问题是li的列表stylevisibility:collapse之后没有回来;

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

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

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

最佳答案

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

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

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

li .collapse{
   visibility:collapse;
}

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

关于html - 将列表样式添加回 li 标签以提高可见性 :collapse;,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31647228/

相关文章:

javascript - 同一域链接正在顶部 iFrame 中加载,而不是在整个页面上加载

html - 在 &lt;style&gt; 标签中使用 rowspan 属性

python - Django - 将 css 类添加到管理中的输入字段

css - 覆盖属性

html - 在对齐的文本中设置一个换行符,并且仍然让它对齐

html - 当子元素具有焦点时,如何使 div/container 改变背景颜色?

javascript按钮onclick不会触发

javascript - 使用javascript连续移动div位置

javascript - Chrome 扩展 : Programmatically setting browser action icon causes the icon to pixelate

javascript - 为什么我的 Vue 组件没有绑定(bind)样式?