Что такое sass @extend?

Question

Я использовал Sass какое-то время, и я не могу придумать использование @extend. Я имею в виду, что является точкой расширения, если вы не можете расширить вложенные селектора. В моем коде у меня есть несколько стилей, которые имеют глубину 2 или 3 уровня, и я хотел бы просто передать их другому селектору. Чтобы использовать @extend, мне нужно создать специальный класс, а затем расширить его, какой смысл использовать @mixin?

Answer 1

В большинстве случаев @extend делает вывод css меньше, чем если бы вы использовали mixin. Но наиболее эффективным способом является включение этого класса @extend в html и не расширение его на элемент, который не имеет этого класса. В конце концов DOM может запутаться, но это быстрее.