Razor生成的MVC页面中b-tg5po7urw9属性是什么？有何用途？

这个b-tg5po7urw9这类属性是**ASP.NET Core CSS隔离（CSS Isolation）**自动生成的作用域标识，完全不需要你手动定义或修改。

当你的Razor Pages项目启用了CSS隔离时（默认新建项目就会开启），框架会给当前页面的所有HTML元素自动添加这种格式的属性，同时生成对应的作用域CSS文件——比如你项目里的Pages/Index.cshtml.css会被编译成带这个属性标识的CSS文件，里面的样式规则都会带上这个属性选择器，举个例子：

header[b-tg5po7urw9] {
  /* 页面专属的样式规则 */
}

这么做的目的是让当前页面的CSS样式只作用于自身的元素，不会和其他页面的同名元素样式冲突，实现样式的隔离性。

这个属性是框架自动生成的临时标识，不会影响页面的正常功能，也不需要你去手动调整它，完全是后台处理的样式隔离机制。

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