css - 更少的进程 css 无效

Question

我正在尝试使用 https://github.com/Idered/cssParentSelector用更少。我想知道是否有一种方法可以减少忽略几行并将它们按原样添加到 css 文件中。

正文! > .modal-trigger:checked { 溢出:隐藏； } 显示一个 ParseError: Unrecognized input 错误。

如果你把body! > .modal-trigger:checked { 溢出:隐藏； 在 css 文件中它按预期工作。

Answer 1

您可以只忽略无效字符，而不是忽略整行(这需要太多神秘的技巧)，例如:

@excl: !;
body@{excl} > .modal-trigger:checked {overflow: hidden}

或者，您可以将所有非 CSS 移动到一个单独的 CSS 文件中，并将其包含在 (inline) 选项中，这样 Less 将只复制其内容而不进行解析:

@import (inline) "whatever.css";

另一种选择是使用 CSS escaping但仅当它也被 polyfill 支持时:

body\! > .modal-trigger:checked {overflow: hidden}