如何编写长css规则

Question

我知道这不是一个很好的练习，但当我链接不是选择器时，线路很长。 Javascript中的长字符串是否有“继续下一行”字符？

Answer 1

您最好的选择可能是在选择器的标记之间添加注释。像这样：

div {
  color:black;
}

:not(.aaa):not(.bbb)/*


*/:not(.ccc) {
  color:red;
}

<div class="aaa">is not red</div>
<div class="bbb">is not red</div>
<div class="ccc">is not red</div>
<div class="ddd">is red</div>

Answer 2

我不知道是否有办法像你想要的那样做，但也许以另一种方式解决问题，如果你有太多不（）你应该为所有“非元素”创建一个类

首先你有：

div:not(#el1,#el2,#el3, ..) {css properties}

然后对于每个元素，你应该放一个类，它将通过以下方式转换你的css：

div:not(.classname) {css properties}