Использовать свойство перехода на * селектор?

Question

Использовать *{ transition: all 0.25s linear; } вредит производительности или это плохая практика? Есть другой способ получить лучший переход элементов?

Я пытаюсь сделать плавный переход элементов, чтобы они не обрезались и не мерцали на элементах при изменении значений в медиа-запросах.

Answer 1

Если вы используете *{ transition: all 0.25s linear; } это означает, что каждый элемент на вашем веб-сайте будет иметь это свойство, тогда как ориентация на элемент, который вы будете анимировать, будет применяться только к этому элементу. Например .animate{transition: all 0.25s linear;}

Если ваш вопрос касается производительности, то *{ /* style */ } безусловно самый медленный.

Идентификаторы являются наиболее эффективными, Универсальные - наименьшим:

#main-navigation {   }      /* ID (Fastest) */
body.home #page-wrap {   }  /* ID */
.main-navigation {   }      /* Class */
ul li a.current {   }       /* Class *
ul {   }                    /* Tag */
ul li a {  }                /* Tag */
* {   }                     /* Universal (Slowest) */
#content [title='home']     /* Universal */