Question

我在我的网络应用程序中是jquery ui标签。

我有一个按钮类，可以在应用程序中按下我的按钮。

但是，当我将该按钮放在标签内时，它的风格被jquery ui css所覆盖。

其中一个可能的选择是使用!important来停止过度骑行。但是，它只能应用于类中的单个样式。

是不是可以指定！对整个班级很重要？

如果没有，那么通过CSS来阻止这种情况的另一种方法是什么？

更新

.button 
{
    padding-top: 2px ;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    color: #6688A4;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #333333;
    background-color: #E8E8E8;
    border: 1px double #003C74;
    cursor: pointer;
}

我正在使用jquery ui css文件来获取jquery ui元素。

上面的按钮类被下面的类覆盖：

.ui-button
{
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}

Answer 1

如果您希望.button中的内容优先于.ui-button中的内容，则可以通过更改规则来提高其特异性

.button {

到

.ui-button.button, .button {

An article on specificity

提取：

特异性是CSS级联中的一种辅助冲突的机制解析度。特异性的概念表明当两个或更多时适用于同一元素的声明，并设置相同财产，具有相同的重要性和来源，声明与最具体的选择器优先。

W3.org specificity formula

Answer 2

通常最后加载的内容会覆盖另一个。您是否可以确保要覆盖的样式是在HTML中的另一个样式之后加载的？

如何指定！对整个css类很重要

2 个答案: