VsCode:html写css时，清除浮动报错：应为 {css(css-lcurlyexpected)

在我们清除浮动时，有时候会发现在写到*zoom: 1;时会爆红，这是为什么呢？

目前我知道三种方法：

第一种：直接删除

.clearfix {
    *zoom: 1;
}

    在需要清除浮动的地方直接调用class="clearfix"，当然以下代码还是需要

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

 第二种：去掉*

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
}

第三种：将Vscode中的css语言改为VUE/LESS

        此种方式我的Vscode中没找到VUE语言，我改为了LESS语言

第一步：点击Vscode右下角的CSS

第二步：在搜索框中搜索VUE/LESS，我这里是搜索的LESS语言

点击切换成LESS语言，我们就可以发现没有爆红了