VSCode无法识别较新的CSS

时间:2017-07-27 17:53:04

标签: css visual-studio-code

VSCode会在CSS下产生一条无法识别的波浪线。 例如:

[col]

无法识别命名网格线。 grid-template-columns: repeat(6, [col] 150px); 给它带来了问题。 例如:

{{1}}

我尝试安装了许多不同的CSS扩展程序,试图纠正这个问题,但没有一个有效。 为了记录,我使用每晚版本的VSCode。

有什么建议吗?

2 个答案:

答案 0 :(得分:1)

最近在尝试使VS Code忽略html电子邮件的“ mso-” css规则时一直在寻找类似的东西,现在VS Code允许您将有效属性添加到scss或css的用户设置中。

"scss.lint.validProperties": [
    "mso-table-lspace",
    "mso-table-rspace",
    "mso-line-height-rule",
    "mso-hide"
],
"css.lint.validProperties": [
    "mso-table-lspace",
    "mso-table-rspace",
    "mso-line-height-rule",
    "mso-hide"
]

答案 1 :(得分:0)

如果您不使用属性的css验证,则可以更改"css.lint.unknownProperties": "ignore"

justify-self: start;

这将不再强调:

gibberish: wow;

AND不适用于所有剩余的未知属性:

 <ControlTemplate TargetType="{x:Type ListBoxItem}">
                <Grid>
                    <Border x:Name="outerBorder" BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="0" SnapsToDevicePixels="true">
                        <Border x:Name="innerBorder" Background="{TemplateBinding Background}" BorderThickness="1" CornerRadius="0" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
                            <DockPanel LastChildFill="False" >
                                <StackPanel Orientation="Horizontal" DockPanel.Dock="Left">
                                    <Label x:Name="iconi" Content="#" Foreground="Red"/>
                                                                          <ContentPresenter Content="{Binding YearClass}" ContentSource="Binding YearClass" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />

                                </StackPanel>
                                <Border x:Name="NumBorder" MinWidth="20" Height="20" DockPanel.Dock="Right" Background="#8395bb" CornerRadius="10" >
                                    <Label x:Name="BookNum" Content="{Binding Path=NumbOfBook}" Foreground="#ffffff" FontSize="10" />
                                </Border>
                            </DockPanel>
                        </Border>
                    </Border>
                </Grid>