CSS选择器有速度差异吗?

时间:2018-12-05 09:37:33

标签: html css performance css-selectors comparison

HTML

<div class="c1">
  <div class="c2">
   <div class="c3">
    <span class="text">Text</span>
   </div>
  </div>
</div>

在这种情况下,如果确实如此,我想使用类span来更改text颜色 CSS 浏览器吗?

  1. 使用其父母的元素名称 -复杂:div > div > div > .text
  2. 使用他父母的类名-复杂:.c1 > .c2 > .c3 > .text
  3. 使用其父母的类别名称-仅比目标水平高.c3 > .text
  4. 使用 target 元素名称类名称span.text
  5. 只需使用 target 类名.text
  6. 其他(如果您还有其他选择)

也许我的问题对您来说不太重要,但是该问题的答案对于构建CSS文件非常有用

0 个答案:

没有答案