Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何删除CSS样式?_Javascript_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 如何删除CSS样式?

Javascript 如何删除CSS样式?,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我想删除引导中的一些样式,这是一个示例: test.html: <div class='span1'></div> 我想删除width样式,并添加minwidth:60px样式 我这样做: 在html中添加test类: <div class='span1 test'></div> 但是如何在bootstrap.css中删除width:60px?您应该能够通过指定inherit值来重置宽度: .test { width: inherit;

我想删除引导中的一些样式,这是一个示例:

test.html:

<div class='span1'></div>
我想删除
width
样式,并添加
minwidth:60px
样式

我这样做:

在html中添加
test
类:

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

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

您应该能够通过指定
inherit
值来重置宽度:

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

您可以使用
auto
重置宽度:

.test{
  width: auto;
  min-width: 60px;
}
工作示例:

span{
宽度:100px;
背景色:红色;
}
跨度试验{
宽度:自动;
最小宽度:60px;
}

跨度

应该像charm一样工作:)

前面的答案都不会真正重置以前的CSS规则。。。他们只是添加了一个新的属性(当宽度设置为
auto
inherit
时,会创建一个不同的规则:前一个属性会进行调整,后一个属性会使用父元素作为参考),而
span
不是最佳的元素

以下是使用
p
span
()的证明:

p,span{
宽度:100px;
背景色:红色;
颜色:白色;
}
p、 测试为空{
宽度:'';
最小宽度:60px;
}
p、 自动测试{
宽度:自动;
最小宽度:60px;
}
p、 测试继承{
宽度:继承;
最小宽度:60px;
}

p没有类的例子

p->宽度:自动示例

p->width:inherit示例

不带类的span示例
跨度->宽度:自动示例
span->width:继承示例
.test {
  width: inherit;
  min-width: 60px;
}
.test{
  width: auto;
  min-width: 60px;
}
.test{
  min-width: 60px;
  width:auto;
}