Унаследованный стиль библиотеки не применяется меньше? - PullRequest
0 голосов
/ 21 апреля 2019

У меня проблема, когда унаследованный стиль не применяется. В качестве примера; Мой пользовательский класс наследуется от чистого 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> 

Знаете ли вы, как я могу настроить меньше, чтобы обеспечить применение этого унаследованного стиля?

...