为什么 Site.css 不适用于部分视图的元素？

Question

我正在学习 ASP.NET mvc，我创建了一个新项目。据我所知，@RenderBody()首先打开index.cshtml，_Layout.cshtml正在加载Site.css文件。

问题是我不能用css编辑这个index.cshtml的元素。

我的索引.cshtml：

@{
ViewBag.Title = "Home Page";
}
<div class="card">
<div class="card-body">
<form>
<div className="files">
<h4>Select Files:</h4>
<div className="radio-btn" >
<div className="radio">
<input type="radio" value="general" />
</div>
<div className="radio">
<input type="radio" value="avail" />
</div>
</div>
</div>
</form>
</div>
</div>

在Site.cshtml中，我添加了以下内容：

...
.radio-btn {
text-align: left;
margin: 0 0 10px 20px;
display: flex;
flex-direction: row;
align-items: baseline;
}

但它不起作用...如果我更改身体的某些内容，它可以工作，但是index.cshtml上的某些内容不会改变

有人可以帮忙吗？

Answer 1

尝试使用<div class="radio-btn" >..我不确定className的用途