Есть ли разница в скорости с помощью селекторов CSS? - PullRequest
Новая
       24

Есть ли разница в скорости с помощью селекторов CSS?

0 голосов
/ 05 декабря 2018

HTML 

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

В этом случае я хочу изменить цвет из span на класс text, если действительно мой случай такойкак указано выше, какой селектор CSS работает быстрее при запуске браузера 1013 *?

  1. с использованием имени элемента из егородители - комплекс: div > div > div > .text
  2. с использованием имя класса из его родители - комплекс: .c1 > .c2 > .c3 > .text
  3. с использованием имя класса из его родителя - только на один уровень выше цели : .c3 > .text
  4. с использованием имени элемента и имени класса из цели : span.text
  5. просто используйте имя класса из цели : .text
  6. другие(если у вас есть другие варианты)

Возможно, мой вопрос не слишком важен для вас, но ответ на этот вопрос будет очень полезен при структурировании моего файла CSS

...