html - 我们应该使用 CSS 子选择器还是基于 CSS 类的选择器？

Question

在性能和优化方面，哪一种是在以下 HTML 代码中选择子 div 的更好方法？

选项 1：

<div class="parent-div">
  <div></div> <!--- child DIV !--->
</div>

// CSS

.parent-div > div {
  // Some CSS for child div
}

'

选项 2：（使用类名/id 选择）

<div class="parent-div">
   <div class="child-div"></div>
</div>

// CSS

 .child-div {
    // Some CSS for child div
 }

标签： htmlcsshtml-renderingweb-optimization

Answer 1

选项 2 对代码可维护性更好。

我建议阅读BEM 命名约定指南。

<div class="block">
   <div class="block__elem"></div>
</div>