如何在CSS中覆盖边距和右/左？

Question

我有这个造型的div:

#slogan{
    font-size:24px;
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

后4种样式只是将div内容集中在页面上.

如果页面太大,我不想再使用以下样式了,所以我应用这种样式:

@media only screen and (min-width: 941px){
    #slogan {
        font-size: 24px;
        position: absolute;
        min-width: 810px;
        text-align: right;
    }
}

从页面左边缘显示一定量的内容.我在f12开发工具中测试了这些样式,看起来是正确的.但是,当我在css表单中应用样式时,边距和右/左部分仍然应用于元素,我不知道如何取消它们(边距没有默认值).

有帮助吗？

Answer 1

使用unset,inherit或initial取消设置.

@media only screen and (min-width: 941px){
    #slogan {
        font-size: 24px;
        position: absolute;
        min-width: 810px;
        text-align: right;
        margin-left: initial;
        margin-right: initial;
    }
}

Answer 2

您可以尝试：

margin-left: unset;
margin-right: unset;

但是我不确定他们的支持程度如何。或者将它们设置为0，这是默认值；