Question

考虑以下HTML代码段

<div class="my-cool-section">
  <div>
    <div>
      <ul>
        <li>List</li>
        <li>Of some</li>
        <li>Stuffs</li>
      </ul>
    </div>
  </div>
</div>

如果我为这样的li项定义样式，这是一个糟糕的CSS吗？

 .my-cool-section ul li {
     //Styles for the items
 }

根据我的代码审核员，最佳解决方案是将课程直接附加到ul IF NOT li。最理想的情况是附加一个具有li本身的类。

<li class="my-cool-list-item">Stuffs</li>

像那样。这是真的吗？如果是，它与性能等有关吗？另外请考虑这段代码是包含数千行代码的更大的编译CSS文件的一部分。感谢。

Answer 1

性能方面，最好在ul中添加类，最好在所有li中添加类。但是你可能不会写这段代码每天花费数百万的时间，所以你可以忽略优化并继续你已经写过的任何东西。

如果我们明智地谈论代码维护，那么在每个li中添加类将是一种矫枉过正，但您可以在ul中添加类，这不是一项艰巨的任务。

要了解有关基于CSS选择器的性能的更多信息，请在此处阅读更多内容： Is CSS faster when you are specific?

注意：如果我的回答在某种程度上具有误导性，CSS Ninjas可以更新此答案。

基于它的父容器类设置一些嵌套的html元素是不好的做法吗？

1 个答案: