css - 带有 anchor css 的特定类

Question

我正在尝试覆盖以下 HTML 上的样式:

<a class="ui-state-default" href="#">7</a>

问题是 ui-state-default 类在许多其他地方使用，所以我不能只更新它。我试过以下没有效果。

.ui-state-default a { 
    width:27px !important;
}

.ui-state-default: a {
    width:27px !important;
}

a.ui-state-default { 
    width:27px !important;
}

我如何才能只针对这个一个 anchor 标记进行样式更改？

Answer 1

嗯，这不是一个好主意 inline css但是如果你没有其他办法，你可以像这样尝试 inline css:<div class="ui-state-default" style="width:24px !important;">your stuff</div>

主要部分是style="width:27px !important;"放入 html 标记。

可能这也适用 .ui-state-default a * { width:27px !important;}