抱歉,除了我正在寻求简化之外,这并不是真正的代码问题。
我正在尝试迁移到使用 CSS 网格,因为这个概念看起来很棒并且更直观 - 但在我得意忘形之前,我只是考虑尝试一个点。
CSS 网格是否会使列表变得无用?
代替:
<ul class="floater-left">
<li>x</li>
<li>y</li>
<li>z</li>
</ul>
我现在只需要:
<div class="grid-type-1"> // where this type 1 has set out columns
<p>x</p>
<p>y</p>
<p>z</p>
</div>
因为现在我可以通过放入一些选择器来对我的“列表”进行排序,从而更容易展开列表、调整等。
我是不是找错树了?
最佳答案
简答:您仍然需要列表(如果您的文档中需要列表)。
长答案:标记语义胜过 CSS
便利。如果使用 ul
来呈现给定的 HTML
结构在语义上是有意义的,那么就使用一个。尽管开发人员可能看不出使用 p
或 li
的区别,但屏幕阅读器会将我们可能被误导的 HTML
呈现给面临各种挑战(视觉、触觉等)极大地依赖于 HTML
文档的准确性。
关于html - css 网格——我还需要使用列表吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54849530/