Javascript 如何删除CSS样式?
我想删除引导中的一些样式,这是一个示例: test.html: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;
<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;
}