问题在于ASP.NET Core 6的打包程序无法正确处理带有a:has子类的CSS选择器。为了解决这个问题,可以手动将CSS文件按照合适的顺序打包,以确保包含a:has子类的样式表在包含其父元素的样式表之后加载。为了说明这个解决方法,以下是一个示例CSS文件:
.parent-class {
/* Styles for parent class */
}
.parent-class a:has(.child-class) {
/* Styles for parent class with child class */
}
.child-class {
/* Styles for child class */
}
如果尝试使用默认的ASP.NET Core 6的打包程序来打包这个样式表,将会遇到错误。为了解决这个问题,我们可以手动将这个样式表分成两个文件,并在合适的顺序打包它们,如下所示:
first-bundle.css
.parent-class {
/* Styles for parent class */
}
.child-class {
/* Styles for child class */
}
second-bundle.css
.parent-class a:has(.child-class) {
/* Styles for parent class with child class */
}
通过这种方法,我们可以确保包含a:has子类的样式表在包含其父元素的样式表之后加载,解决ASP.NET Core 6打包程序无法正确处理带有子类a:has的CSS选择器的问题。