Не применяются стили для элемента <header> мастер страницы _Layout.cshtml

Здравствуйте. Начал изучать ASP.NET Core 7, столкнулся со следующей ситуацией.

Необходимо изменить background-color header-а мастер страницы. Но, седлать это не получается.

Для примера, возьмём чистый шаблон ASP.NET Core MVC .NET 7 от Visual Studio. Мастер-страница представлена файлом _Layout.cshtml, CSS-стили страницы описаны в файле _Layout.cshtml.css. Я ставлю элементу "<header>" id-шник, и описываю в файле _Layout.cshtml.css стиль этого элемента. И, ничего не происходит. Пробовал использовать класс вместо Id, пробовал определять стиль в wwwroot/css/site.css, пробовал определять стиль в самом файле в секции "<style>", пробовал определять стиль в атрибуте "style" элемента - ничего не помогает. В элемент "<header>" вложен элемент "<nav>" - он тоже не отзывается. А вот уже в элемент "<nav>" вложен элемент "<div>" с классом "container-fluid" - вот он уже отзывается на изменение стиля, но ситуацию это не решает - он занимает не всю площадь header-а, имеются отступы. Может и можно как-то поиграться с padding-ом и margin-ом, и добиться нужного эффекта через "<div>", но это уже какой-то обходной путь, да и не факт что выйдет, учитывая, что вышестоящие элементы вообще не реагируют на изменение стиля. Хочу разобраться, как изменить стиль для самого элемента "<header>".

Вот файлы кода, с первоначальной попыткой что-либо предпринять, где у элемента "<header>" стоит id-шник, и этому элементу присвоен стиль, который, повторюсь, не отображается на элементе.

_Layout.cshtml

HTML5Выделить код

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

<!DOCTYPE html>
<html lang="en">

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - WebApplication2</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
    <link rel="stylesheet" href="~/WebApplication2.styles.css" asp-append-version="true" />


    <header id="siteHeader">
        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
            <div class="container-fluid">
                <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">WebApplication2
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon">
                </button>
                <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
                    <ul class="navbar-nav flex-grow-1">
                        <li class="nav-item">
                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home
                        
                        <li class="nav-item">
                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy
                        
                    
                
            
        
    </header>
    <div class="container">
        <main role="main" class="pb-3">
            @RenderBody()
        
    
 
    <footer class="border-top footer text-muted">
        <div class="container">
            © 2023 - WebApplication2 - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy
        
    </footer>
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="~/js/site.js" asp-append-version="true"></script>
    @await RenderSectionAsync("Scripts", required: false)



_Layout.cshtml.css

CSSВыделить код

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

/ Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. /
 
a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}
 
a {
  color: #0077cc;
}
 
.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}
 
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}
 
.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}
 
.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}
 
button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}
 
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
 
#siteHeader{
    background-color: red;
}