视图不反映CSS文件的更改

Question

我正在使用局部视图，如果我使用局部视图加载页面，则CSS样式表会反映出来。

但是如果我删除Header.css或更改其中的内容，样式将是相同的，根据以下代码：

body {
}
#Header{
    margin:auto;
    height:50px;
    width:100%;
    padding:20px;
    border-radius:5px;
    background:linear-gradient(to bottom, #45484d 0%,#000000 100%);
    color:white;
    text-align:center;
    vertical-align:middle;
  
}
.MenuContainer{
 display:inline;

}
h3{
    display:inline;
}
#HeaderList {
      list-style-type:none;
     
   
}
.listForHead{
    display:inline;
    margin-top:20px;
}

<link type="text/css" rel="stylesheet" href="~/Content/Header.css" />
    <script src='@Url.Content("~/Scripts/jquery-3.1.0.min.js")' type="text/javascript"></script>
    <script src='@Url.Content("~/Scripts/jquery-ui-1.11.4.min.js")' type="text/javascript"></script>
    <div id="Header">
        <ul id="HeaderList">
            <li class="listForHead">               
                <div class="MenuContainer">
                    <h3>Main</h3>
                </div>        
            </li>
            <li class="listForHead">
                <div class="MenuContainer">
                    <h3>Methods of delivery</h3>
                </div>       
            </li>
            <li class="listForHead">
                <div class="MenuContainer">
                    <h3>About shop</h3>
                </div>       
            </li>
            <li class="listForHead">
                <div class="MenuContainer">
                    <h3>Contacts</h3>
                </div>       
            </li>
        </ul>
    </div>