如何移除样式表覆盖并在CSS中使用内联样式

5sxhfpxr 于 2023-06-25 发布在其他

关注(0)|答案(1)|浏览(96)

我有一个带有内联样式的元素：

<div class="my-dynamic-element" style="width: 400px; position: absolute; left: 800px; top: 400px;"></div>

有一个css覆盖：

.my-dynamic-element {
    left: 0px !important;
    top: 40px !important;
}

现在，在不改变上面的任何内容的情况下，css中有没有一种方法可以删除css覆盖并要求浏览器只使用内联样式？
我试过“自动”、“未设置”、“初始化”

.my-dynamic-element {
    left: initial !important;
    top: initial !important;
}

但都不管用。

css

来源：https://stackoverflow.com/questions/76509303/how-to-remove-style-sheet-override-and-use-inline-style-with-css

1条答案

按热度按时间

6jygbczu1#

可以在标签的style属性中使用!important关键字。因此，您可以简单地替换标记的属性并在其中添加important。

<div class="my-dynamic-element" style="width: 400px; position: absolute; left: 800px!important; top: 400px!important;"></div>

如果不能更改代码中的html元素或其他样式，则可以在html元素之前追加一个新的样式标记，并在其中赋值。

<style>
    .my-dynamic-element{
        left: 800px!important; 
        top: 400px!important;
    }
</style>
<div class="my-dynamic-element" style="width: 400px; position: absolute;"></div>

赞(0）回复(0）举报 2023-06-25

我来回答

如何移除样式表覆盖并在CSS中使用内联样式

1条答案

相关问题

热门标签

最新问答