我可以重写内联!重要吗?

如果你有

<div style="display: none !important;"></div> 

有没有办法来覆盖样式表中的显示?

最好使用类似这样的东西:

 div { display: block !important; } 

5 Solutions collect form web for “我可以重写内联!重要吗?”

让我开始说, 一般来说内联样式可以被覆盖

.override {color:red !important;}​

 <p style="color:blue;">I will be blue</p> <p style="color:blue;" class="override">But I will be red</p> 

拨弄

在W3规范中描述了这种行为,其中声明: !important声明不会改变特定性,而是优先于“正常”声明。

也就是说,当冲突的规则都具有!important标志时,特异性要求应用内联规则 – 这意味着对于OP的情况,没有办法重写inline !important

如果它具有!important则不能覆盖内联CSS。 它的优先级高于外部CSS文件中的样式。

但是,如果您希望稍后更改某些操作,则可以使用一些JavaScript。

你不能重写!important内联样式。 首选是内联样式。

例如:我们有一堂课

 .styleT{float:left;padding-left:4px;width:90px;} 

和在jsp中

 <div class="styleT" id="inputT" style="padding-left:0px;"> 

这里没有padding-left:4px; 除了填充左边:4px; 将有padding-left:0px;

您不能覆盖具有!important内联CSS,因为它具有更高的优先级,但使用JavaScript可以实现您想要的。

这是一个简单的jQuery解决scheme。

 $(document).ready(function() { $('div').css('display','block'); }) 
  • 如何在不使用window.stop()的情况下放弃image <img>加载请求
  • contenteditable,在文本的末尾设置插入符号(跨浏览器)
  • 组织Javascript库和CSS文件夹结构的最佳实践
  • SRC和HREF之间的区别
  • HTML <select>select事件的名称是什么?
  • 你能链接到一个电子邮件的CSS文件吗?
  • 如何使用jQuery启用或禁用锚点?
  • 指定css的基本URL
  • JSON对象在Internet Explorer 8中未定义
  • JavaScript表单提交 - 确认或取消提交对话框
  • 是否有可能使Font Awesome图标大于“fa-5x”?