Question

我的延伸不太正常，我不知道为什么这里有一些来自我文件的片段！

此处来自 global.less：

// Global Modifier
.is--rounded { .border-radius(); }

.is--block { display: block !important; }
.is--inline { display: inline !important; }
.is--inline-block { display: inline-block !important; }
.is--hidden { display: none !important; }
.is--invisible { visibility: hidden !important; }

这来自 header.less 工作

.header-gray {
    .shop--navigation {
        &:extend(.is--hidden);
    }
}

来自相同的header.less但无法正常工作

@media screen and (min-width: 480px) {
    .header-gray {
        .shop--navigation {
            &:extend(.is--block);
        }
    }
}

是否存在语法错误？还是这个问题？

Answer 1

来自LESS文档：＆＃34;在媒体声明中写的扩展应该只匹配同一媒体声明中的选择器＆＃34;

因为您的第二个示例包含在媒体查询中，所以.is - block声明需要匹配

媒体查询的扩展程度较低，而不是工作

1 个答案: