Question

我尝试使用addClass函数更改元素的宽度，但它无法正常工作。我尝试修改的元素有一个通过初始类设置的宽度，我尝试通过添加一个新类来修改它。添加了类，但忽略该属性。那是为什么？

我尝试修改的元素：

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

初始CSS：

 .LineOne {
    width: 60%;
    border-style: solid;
    border-width: 2px;
    border-radius: 1px;
    border-color: #FCFFF5;
    margin: 2px 0 2px 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

我用来修改它的JQuery：

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

各自的CSS：

.LineOneWidth {
    width: 20%;
}

谢谢！

Answer 1

如果两个类试图设置元素的宽度，则将使用代码中较低的类。如果不是这种情况，请查看CSS特异性或发布更多信息。

在

的情况下

.one {
    width: 100px;
}

.two {
    width: 200px;
}

如果元素上存在两个类，则所述元素的宽度为200px，但请按以下方式编写：

div.one {
    width: 100px;
}

.two {
    width: 200px;
}

并将它们应用于div，您将看到div将100px宽。这是因为第一个选择器现在更具“特异性”。在制定使用决策时，更多规则使其更加强大。

Answer 2

您的代码如何？也许语法错了。

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

使用JQuery的addClass更改元素的宽度

2 个答案: