取消CSS规则

Question

假设我们在WordPress子主题中声明了以下CSS默认规则X：

.btn { background: url("btn.jpg"); }

这个规则Y，在商业父WordPress主题中声明：

.btn:hover { background: gray; }

我可以以某种方式告诉浏览器“忽略Y”，以便在悬停.btn元素时不会发生任何事情吗？

Answer 1

我认为您唯一的选择是将.btn:hover的值覆盖为与.btn相同的值：

.btn:hover { background: url("btn.jpg"); }

＆＃13;

＆＃13;

.btn { background: red; }
.btn:hover { background: blue; }
/* ... */
.btn:hover { background: red; }

＆＃13;

<div class="btn">Foo</div>

＆＃13;

＆＃13;

＆＃13;