继承的库样式没有在少用吗？

Question

我遇到一个问题，即继承样式未得到应用。举个例子;我的自定义类继承自纯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> 

您知道如何减少配置以确保应用这种继承的样式吗？