我正在尝试使用 Bootstrap 4 卡片布局来自定义卡片列。但是,如果我在我的 css 文件中编写此代码,为什么它会显示错误?
错误显示在 VS code :
未知规则 @include css(unknownatrules)
HTML 文件
<div class="card-columns">
<div class="card" *ngFor="let item of vision">
<div class="card-header">{{item.heading}}</div>
<carousel [showIndicators]="false">
<slide *ngFor="let item of vision">
<img class="card-img-top embed-responsive embed-responsive-16by9" [src]="item.img" alt="vision image">
</slide>
</carousel>
</div>
</div>
CSS 文件
.card-columns {
@include media-breakpoint-only(md) {
column-count: 3;
}
@include media-breakpoint-only(lg) {
column-count: 4;
}
}
最佳答案
@include 是 SASS 功能而不是 CSS 功能。
或者,您可以通过以下方式关闭警告
"css.lint.unknownAtRules": "ignore"
引用:https://github.com/microsoft/vscode/issues/53175
https://github.com/stylelint/stylelint/issues/3190
关于css - 未知规则 @include css(unknownAtRules) 错误,同时在 css 文件中包含 @include,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62093214/