Razor Pages — изоляция CSS — стили для некоторых HTML-тегов не работают ⇐ CSS

[Anonymous]

Я пытаюсь стилизовать теги тела, заголовка и формы в своем веб-приложении ASP.NET, используя Razor Pages, изоляцию CSS. Стили, созданные в файле CSS с ограниченной областью действия (_Layout.cshtml.css), для некоторых тегов HTML не работают. То же самое и с файлами других компонентов. Добавление класса для этих тегов и селекторов классов стилей в CSS-файл с ограниченной областью также не работает.
Код — часть _Layout.cshtml:

Код: Выделить всё

    


@ViewData["Title"] - RazorTest




















@RenderBody()




© 2022 - RazorTest - Privacy

_Layout.chstml.css:

Код: Выделить всё

body {
background-color: #444;
}

header {
border: 10px solid red;
}

form {
border: 10px solid cyan;
}

input {
border: 10px solid greenyellow;
}

nav {
border: 10px solid blue;
}

div {
border: 10px solid black;
}

main {
border: 10px solid green;
}

img {
width: 100px;
height: 100px;
border: 10px solid orange;
}

Позвольте мне показать это в файлах SS:
_Layout.cshtml и _Layout.cshtml.css
Вывод браузераВсе работает хорошо, когда я перемещаю файл CSS в каталог wwwroot/css и связываю его с файлом _Layout.cshtml. Стили для этих тегов также работают при добавлении в файл site.css. Снимки экрана:
файлы _Layout.cshtml и _Layout.cshtml.css
Вывод браузера
Почему стили для некоторые теги не работают при добавлении в CSS-файл с ограниченной областью действия?

Подробнее здесь: https://stackoverflow.com/questions/716 ... ot-working