选择 HTML 元素与类

【问题标题】：Select HTML Element Versus Class选择 HTML 元素与类
【发布时间】：2021-12-28 09:39:55
【问题描述】：

假设我有这样的 HTML 代码：

<ul class="my-list">
  <li> One </li>
  <li> Two </li>
  <li> Three </li>
</ul>

如果我想设置 <li> 元素的样式，我可以在 CSS 中使用以下选择器： .my-list li {...}。这里的.my-list 类确保我不会为其他列表更改任何<li> 元素。

将相同的类添加到每个<li> 元素并简单地将其用作选择器是否有任何额外的好处或用处，例如：

<li class="my-list-item">

.my-list-item {...}

【问题讨论】：

【解决方案1】：

我认为没有，因为归根结底，您只是在选择一个元素而不是一个类，反之亦然。

除非您正在针对列表中的特定元素执行某些操作，否则将类添加到 li 将是有益的，因为您可以将所有 .my-list-item 和 .my-list-item 设置为红色 -以蓝蓝为例

我可能完全错了，因为可能会有更多的副作用，甚至我都不知道，因为选择元素而不是类更快，但即使是这样，你也不会注意到任何东西。

【讨论】：