javascript - 如何删除 CSS 样式？

Question

我想在 bootstrap 中删除一些样式，这是一个例子:

测试.html:

<div class='span1'></div>

bootstrap.css:

span1 {
  width: 60px; 
}

我想删除width 样式，并添加min-width: 60px 样式

我这样做:

在 html 中添加 test 类:

<div class='span1 test'></div>

在 CSS 中:

.test{
  min-width: 60px;
}

但是如何删除 bootstrap.css 中的 width: 60px？

Answer 1

您可以使用auto 重置宽度:

.test{
  width: auto;
  min-width: 60px;
}

工作示例:

span {
  width: 100px;
  background-color: red;
}

span.test {
  width: auto;
  min-width: 60px;
}

<span class="test">
  span!
</span>