问题标签 [scss-lint]

我想创建像这样的选择器

#check_yt2{}, .bg_yt2{},.border_yt2{}

#check_yk2{}, .bg_yk2{},.border_yk2{}

.....................

对于 mixin ，但我从控制台收到了这条消息：

陷入半星评级问题 CSS。我参考了http://codepen.io/mrk1989/pen/mLeHJ

我的 Star 显示的 Html 结构是这样的

在我的情况下，星星位于 ul li 标签下，以及如何更改我的 css 以获取上面链接中给出的所有 css 功能（例如单击所有以前的星星和当前星星为 ON 和悬停所有星星以前和当前开始显示悬停影响）。

这是 jsfiddle 链接，我在其中做一些事情https://jsfiddle.net/ae0ypksv/ 没有实现全部功能。

非常感谢您的帮助..!! 谢谢

我在一个 Web 应用程序中发现了下面的代码，它正在生成如下所述的 css里面的代码。

萨斯代码

css 生成的代码

如何将.scss文件包含在另一个.scss文件中？我试图把它写在一个文件中：app.scss：

它返回一个错误：invalid css after @import

我尝试在主文件中包含其他 2 个 scss 文件scss，因此最终将全部编译为一个css文件。这怎么可能？

更新：我在 Angular 中读过，你不能操作 DOM。那你应该怎么做，最佳实践是什么？我尝试过使用超时、NgZone、ChangeDetectionStrategy.OnPush、ChangeDetectorRef detectChanges() 都没有成功。

我有一个html img 元素：

和一些sccs：

当它加载时，它会应用选定的类，并使图像按预期变灰。

但是，当我运行以下类型时，图像只是保持灰色：

当我记录 className 时，它​​显示 selected 之前存在，之后已被删除。

任何想法，为什么即使我删除了一个类名，样式也没有反映出来？

当我查看源代码时，它不是在更新 DOM，而是在更改 imgEl.classList。你知道为什么吗？

谢谢

更新：

奇怪的是，如果我手动更改 DOM 中的类名（例如在 Firebug 中），它会反映更改。但是，只要我单击图像，它就会更新为原始值。就好像 DOM 正在刷新一样。

如果是这种情况，那么如何动态更新 DOM？因为 DOM 刷新只是覆盖了所有更改。

html

打字稿

我正在重构一些 SCSS，并且在我的 SCSS 文件中使用 BEM 语法遇到了嵌套问题。

我的 linting 规则规定我不能使用超过三层的嵌套。

但是，有时我可能希望在我的 SCSS 文件的修饰符选择器中定位一个元素。

这是我的方法：

这是我看到的唯一合乎逻辑的方式：

我不喜欢这种方法，因为我不喜欢重复修饰符类名。

有没有更好的解决方案？

我的 SCSS linter ( .scss-lint.yml) 当前设置为接受hyphenated_lowercaseCSS 选择器。

最近我添加了几个使用snake_case. 我还需要在我的 SCSS 文件中定位它们。最好的解决方案可能是同时接受小写字母和连字符。我怎样才能做到这一点？

我知道我也可以排除包含那些不符合规则的文件，但我现在试图避免它。

我有一个.scss-lint.yml文件，其中包含我想在项目中使用的所有规则。

根据 BEM 文档，我们在 SCSS 中强制执行的一件事是只针对类。

因为这不在 my 中.scss-lint.yml，所以它目前是一种非官方的规则。

从scss-lint 页面中并不是很明显。是否有一些规则可以应用于我的 YML，如果除了类名之外的任何内容用作选择器，它会显示错误？

我有一个在浏览器中显示为圆形的圆形图像。但是，当我构建 apk 并在我的 android 手机上运行它时，图像会失真（宽度大于高度）。我如何强制它保持圆形？

我正在使用Ionic 2。

HTML：

SCSS：

我遇到了 scss-lint 的小问题，我试图在一个简单的文件中运行，并且在更改 scss-lint.yml 之后，仍然没有加载我的配置。

scss 文件：_headlines.scss

scss-lint.yml

使用的命令行：

文件结构：

ColorKeyword 在我的 scss-lint.yml 中被定义为 false 但仍在运行有人知道发生了什么？