html - 使用 css 定位与其他东西具有相同类的东西

Question

我想定位一个似乎与另一个按钮具有相同类的按钮。当我无法更改 html 时，有没有办法区分使用 css？

在此 page提交按钮消失了，但我认为这是因为我隐藏了一个共享同一类的按钮 here

HTML:

<button type="submit" class="btn button ur-submit- 
button">
<span></span>Submit</button>

Answer 1

我可以看到具有以下属性的通用类 .btn:

.btn.btn {
    color: transparent! important;
    background: transparent! important;
    border: none! important;
}

尝试通过添加以下 CSS 添加类选择器 .ur-submit-button 来覆盖类的隐藏属性:

button.btn.button.ur-submit-button {
    color: initial !important;
    /* background: initial !important; */
    /* border: initial !important; */
}

它将显示按钮，然后您可以使用相同的选择器进一步修改其外观。

虽然 !important 的用法不是一个好习惯，但它似乎已经被插件使用了。