主页 / 问题 / 565818
Accepted
SIARHEI PAKHUTA
Asked:2020-09-13 19:38:28 +0000 UTC2020-09-13 19:38:28 +0000 UTC

如何覆盖所有媒体查询样式

  • 772

有一组具有自己样式的第三方元素。是否可以针对特定媒体查询一次取消应用所有样式

@media (min-width: 37.5rem){
    .wk-header .wk-nav {
        display: block;
        background-color: transparent;
        float: right;
        margin-top: 1.1875rem;
        width: auto;
}

而不是覆盖他们中的每一个？想要这样的东西：

@media (min-width: 37.5rem){
    .wk-header .wk-nav {
        all-properties: nothing; //чтобы остались определенные раньше свойства
}
css

2 个回答

  1. Best Answer

    all: unset;- 重置所有值。

    @media (min-width: 37.5rem){
    .wk-header .wk-nav {
        all: unset;
    }
}
    • 1

  2. 所有元素都有一个选择器*，但最好添加到每个样式!important

    @media (min-width: 37.5rem){
    * {
        display: block;
        background-color: transparent;
        float: right;
        margin-top: 1.1875rem;
        width: auto;
}
    • 1

相关问题