取消CSS规则

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

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

商业母公司WordPress主题中声明的规则Y：

.btn:hover { background: gray; }

---

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

我认为您唯一的选择是使用与

相同的值覆盖
.btn:hover
：

.btn:hover{background:url（“btn.jpg”）；}


.btn{背景：红色；}
.btn:hover{背景：蓝色；}
/* ... */
.btn:hover{背景：红色；}
Foo
您不取消CSS规则，而是覆盖它们。