Question

我正在尝试找到一些可以帮助我解决一些代码格式问题的工具。我试图在逻辑块上拆分css规则集，但是实际上，我找不到用于此的任何工具，我正在检查类似更漂亮，stylefmt，http://csscomb.com等。

另一个问题：我们使用css-modules，因此csscomb例如无法处理诸如composs，@value和.selector等选择器的属性：select。a：global .selector-b

您能帮我解决这个问题，我应该朝哪个方向看？谢谢（对不起我的英语）

<DataTemplate.Triggers>
    <DataTrigger Binding="{Binding Path=Age}">
        <DataTrigger.Value>0</DataTrigger.Value>
        <Setter TargetName="Age" Property="Foreground" Value="Green"/> 
    </DataTrigger>
    <DataTrigger Binding="{Binding Path=Age}">
        <DataTrigger.Value>1</DataTrigger.Value>
        <Setter TargetName="Age" Property="Foreground" Value="Orange"/> 
    </DataTrigger>
    <DataTrigger Binding="{Binding Path=Age}">
        <DataTrigger.Value>2</DataTrigger.Value>
        <Setter TargetName="Age" Property="Foreground" Value="Red"/> 
    </DataTrigger>
</DataTemplate.Triggers>

Answer 1

您可以使用stylelint和stylelint order plugin来实现。它可以处理:global之类的非标准伪类，composes之类的属性以及@value之类的规则。

在stylelint order插件中，有两个规则可以一起使用：

前者将允许您对属性进行排序和分组。您可以制作自己的订单和组，也可以制作use a community config。

后者将允许您在规则中定义规则，自定义属性，声明和嵌套规则（和其他规则）的顺序。

CSS模块的自定义格式设置规则

1 个答案: