如何从内联 CSS 覆盖 "left: 80%"

Question

我的网站上有一个第三方聊天工具，它预设了 CSS 这样的：

body. chat {
    left: 80%;
    position: fixed; }

我需要用以下内容覆盖该部分：

body. chat{
    right: 0px !important;
    margin: 0 30px 0 0 !important;}

这有助于将按钮保留在浏览器的右下角。并且减小 window 的大小不会将按钮减半。

但是，我无法覆盖：left: 80%。

我试过：

body. chat{
    left: 0px !important; 
    right: 0px !important;
    margin: 0 30px 0 0 !important;}

但是这里左改右改。

Answer 1

您可以使用 left: initial 覆盖为其设置的任何内容。 initial 也适用于大多数其他 CSS 属性，以备不时之需。