html - 为什么 Site.css 不适用于部分 View 的元素？

Question

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

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

我的 index.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;
}

但它不起作用...如果我改变 body 的某些东西它会起作用，但 index.cshtml 上的某些东西不会改变

有人可以帮忙吗？

Answer 1

尝试使用 <div class="radio-btn" > .. 我不确定是什么className用于