如果css只在剃须刀页面中的一个页面上,我应该仍然在wwwroot中写入,还是只在页面上写入?最小尺寸的最佳方法是什么?
我正在学习Razor Pages,并思考正确的做事方式.什么是正确的方式?
如果css只在剃须刀页面中的一个页面上,我应该仍然在wwwroot中写入,还是只在页面上写入?最小尺寸的最佳方法是什么?
我正在学习Razor Pages,并思考正确的做事方式.什么是正确的方式?
从.NET6开始,Razor Page/view有了一个新特性,称为css隔离.
Css隔离意味着 for each 剃须刀页面/视图(.cshtml)创建一个类似.cshtml.css
的css文件.Css隔离有助于避免对难以维护的全局样式的依赖,还可以避免嵌套内容之间的样式冲突.
在该隔离过程中,.csthm.css
文件中定义的样式被限定范围,并且它们被应用于各自的剃须刀页面/视图.例如,在index.cshtml.css
文件中添加的任何样式将仅应用于index.cshtml
页,它们不会影响应用程序中的任何其他页.
NET框架运行时将把所有隔离的CSS文件(*.csthml.css)Bundle 在一个{your_application_name}.styles.css
的文件中.因此,该Bundle 的css行将由框架在{Pages/Views}/Shared/_Layout.cshml
处自动添加.
Bundle 包css文件({YOUR_APPLICATION}.style es.css)可以在应用范围标识符如b-{10_character_string}
的帮助下维护每个文件的样式,而不会发生任何冲突.因此,作用域标识符b-{10_character_string}
对于每个文件将是唯一的.