Question

如果我想覆盖内联css，我必须使用！important或javascript。

但是如果我想覆盖，例如，内联宽度没有重要，我可以使用max-width或min-width

有没有办法覆盖内联

  overflow:hidden

Answer 1

使用CSS

您可以使用下面的!important关键字覆盖内联样式。内联样式背景绿色使用!important关键字通过类样式覆盖其他颜色。

＆＃13;

.test {
 background-color:#ff00ff !important; 
}

＆＃13;

<div class="test" style="background-color:green">
<h1>
Sample
</h1>
</div>

＆＃13;

使用Javascript

同样可以使用JavaScript实现。

＆＃13;

document.getElementById('test').style.backgroundColor = '#fff000';

＆＃13;

<div id="test" style="background-color:green">
<h1>
Sample
</h1>
</div>

＆＃13;

Answer 2

您可以使用!important关键字

覆盖内嵌样式

＆＃13;

.overwrite_css{
		background-color: blue !important;
	}

＆＃13;

<div class="overwrite_css" style="background-color: red;font-size: 25px;">
	<h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
</h2>
</div>

＆＃13;

仍然无法覆盖它然后尝试这个

注意：使用！important仅适用于此处，但我已经使用了overwrite_css [style] 选择器专门选择具有样式属性的div

该示例使用[style]（属性选择器）向我们显示CSS正在使用“style”属性来定位div。

＆＃13;

.overwrite_css[style]{
		background-color: blue !important;
	}

＆＃13;

<div class="overwrite_css" style="background-color: red;font-size: 25px;">
	<h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
	tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
</h2>
</div>

＆＃13;

Answer 3

您只能使用

覆盖内联css

!important

或者您必须使用javascript来执行此操作。

Answer 4

如果你想更改内联css，你应该使用js，你可以覆盖!important标签，但它具有高优先级，因此它可能会影响其他css样式......

因此，最好使用js代替!important代码。

有没有办法覆盖`overflow`的内联CSS？

4 个答案: