更改元素'；带JQuery的s宽度'；s addClass

我试图使用addClass函数更改元素的宽度，但它不起作用。我试图修改的元素有一个通过初始类设置的宽度，我试图通过添加一个新类来修改它。类被添加，但属性被忽略。为什么呢

我尝试修改的元素：

<div class="LineOne"></div>

我用来修改它的JQuery：

$( ".LineOne" ).addClass( "LineOneWidth" );

以及相应的CSS：

.LineOneWidth {
    width: 20%;
}

---

谢谢大家!

您的代码是什么样子的？也许语法错了

$('.item').addClass('new-class'); works fine to me.

---

如果两个类试图设置一个元素的宽度，那么将使用代码中较低的一个。如果不是这样的话，请查看CSS的特殊性或发布更多信息

就

.one {
    width: 100px;
}

.two {
    width: 200px;
}

如果两个类都存在于一个元素上，则所述元素的宽度将为

200px

，但应这样编写：

div.one {
    width: 100px;
}

.two {
    width: 200px;
}

---

将它们都应用到一个div中，您将看到div的宽度为

100px

。这是因为第一个选择器现在更“具体”。更多的规则使它在决定使用哪一个时更加强大。

可能是因为CSS规则的特殊性。现在，在没有看到任何相关CSS的情况下，我们只能猜测……我也是这样知道的。但是，我似乎遗漏了一些东西。您可以发布一个JSFIDLE来演示这个问题吗？目前看来，它似乎与您的代码配合得很好。是的。它可以在JSFIDLE中工作，但不能在Chrome或FF中工作。

div.one {
    width: 100px;
}

.two {
    width: 200px;
}