ASP.NET MVC项目中Visual Studio不识别grid-gap等CSS属性求助

嘿，我之前在ASP.NET MVC项目里也碰到过VS不认grid-gap、grid-row-gap的情况，编辑器飘红确实挺闹心的，给你几个亲测有效的解决办法：

• 检查VS的CSS智能感知配置
  打开Visual Studio的「工具」->「选项」，依次展开「文本编辑器」->「CSS」->「高级」，找到「启用CSS Grid布局支持」的选项，确保它是勾选状态。如果找不到这个选项，说明你的VS版本偏旧，升级版本大概率能解决。

• 指定CSS Schema版本
  有时候VS默认加载的CSS规则集（Schema）没有包含Grid相关属性，你可以手动指定支持CSS3的Schema：右键你的CSS文件，选择「属性」，在「Schema」下拉菜单里找到并选择"CSS3"或者最新的官方Schema选项。如果还是不行，也可以在CSS文件里添加注释来忽略未知属性的警告：

  /* csslint ignore:property-no-unknown */
  

• 升级Visual Studio到最新稳定版
  旧版本的VS（比如2017及更早）对CSS Grid这类较新布局特性的智能感知支持不完善，微软后续在更新里补了这些支持。打开VS的「帮助」->「检查更新」，把VS更到最新版本，很多这类编辑器识别问题都会自动消失。

• 临时方案：无视编辑器提示（不影响运行）
  其实grid-gap、grid-row-gap在现代浏览器里是完全兼容的，VS的提示只是编辑器层面的问题，不会影响项目运行。如果你暂时不想折腾配置，可以直接无视这些红波浪线，或者用gap（grid-gap的新命名，同时支持Grid和Flexbox）替代，说不定VS对新命名的识别更好。

内容的提问来源于stack exchange，提问作者ErpaDerp