I've barely made any changes to the default ASP.NET Core 6 Razor Pages template, but by default it creates these valueless attributes in the rendered HTML:

<div b-nhqxrkkbzm >
    <main b-nhqxrkkbzm role="main" >

The .cshtml source looks like this:

<div >
    <main role="main" >

What are these attributes, what do they do, and how are they being added?

CodePudding user response：

This is the new feature about CSS isolation in .Net6, you can find it in this document.