css 网格 - 我还需要使用列表吗?

css grids - do I still need to use lists?

抱歉,除了我正在寻求简化之外,这并不是真正的代码问题。

我正在尝试迁移到使用 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>

因为现在我可以通过放入一些选择器来订购我的 "list",这样更容易展开列表、证明等

我是不是找错树了?

简短回答:您仍然需要列表(如果您的文档中需要列表)。

长答案: 标记语义胜过 CSS 便利。如果使用 ul 表示给定的 HTML 结构在语义上有意义,则使用一个。尽管开发人员可能看不出使用 pli 的区别,但屏幕阅读器会将我们可能被误导的 HTML 呈现给具有各种挑战(视觉、触觉等)的个人,这些人在很大程度上依赖于HTML 文档的准确性。

[li]标签和[Div]标签在显示上是一样的 但是在结构的概念上,它有区别 在列表项中使用 [li] 标签是更好的表达方式。