我有一个带有按钮的简单导航栏,我想要一个名为inactive-class
的类
当用户不在所述站点上时。
我的按钮:
<nuxt-link to="/about" class="inactive-link" exact>About</nuxt-link>
我在.nuxt-link-exact-active
上有CSS
这将呈现为:
<a
href="/about"
class="inactive-link nuxt-link-exact-active nuxt-link-active">Home</a>
所以一切似乎都井井有条。
但是问题是,由于某种原因,我的nuxt-link-exact-active
样式都没有得到渲染,它出现在类中,但这似乎是一个优先问题。
如果我将!important
添加到样式中的属性中,则它将在dom上呈现。
如果我在检查元素菜单中删除了inactive-class
,那么我的样式就会被渲染。
我不明白我在这里做错了什么。