У меня проблема, когда унаследованный стиль не применяется. В качестве примера; Мой пользовательский класс наследуется от чистого CSS pure-menu-link
. Когда я наведите курсор мыши на этот класс, фон должен стать серым. Но это не так. Причина в том, что чистый CSS кодируется так:
.pure-menu-active > .pure-menu-link,
.pure-menu-link:hover,
.pure-menu-link:focus {
background-color: #eee;
}
И мой код такой:
@import (less) "../../node_modules/purecss/build/pure.css";
.my-btn {
.pure-menu-link;
}
Например, HTML:
<a class="my-btn">Foo</a>
<!-- If I add the pure css class to it, it works -->
<a class="my-btn pure-menu-link">Foo</a>
Знаете ли вы, как я могу настроить меньше, чтобы обеспечить применение этого унаследованного стиля?