为什么我的Webform页面无法检测CSS文件？

Question

无论我做什么，都不会检测到css文件。

<link rel="stylesheet" type="text/css" href="CSS/customStyles.css" runat="server" />

我尝试将其放置在母版页和子页的contentplaceHolder Head内，我尝试了多种方式设置路径

<link rel="stylesheet" type="text/css" href="~/CSS/customStyles.css" runat="server" />
    <link rel="stylesheet" type="text/css" href="/CSS/customStyles.css" runat="server" />
    <link rel="stylesheet" type="text/css" href="CSS/customStyles.css" runat="server" />

但没有任何效果。我还阅读了有关formvalidation的内容，甚至尝试在web.config上添加

  <location path="CSS">
<system.web>
    <authorization>
        <allow users="*" />
    </authorization>
</system.web>

什么也没有...为什么它不能检测到css文件？

编辑

这是目录

更新

这是一个更新，我尝试在主目录上创建一个css文件，并且该文件有效，因此问题在于，如果该css文件位于目录中，则不会检测到该文件...

<link rel="stylesheet" type="text/css" href="StyleSheet1.css" />

编辑

这似乎是导致问题的原因

当我进入localhost：port / CSS / customStyles.css时，只会显示此CSS

body {
}
.hidden {
    display:none;
}


.customActive {
    background-color:#cecee8;
}

.ctmHover:hover{
   background-color:#cecee8;
}

但是文件具有所有这些代码

body {
}

.hidden {
    display: none;
}


.customActive {
    background-color: #cecee8;
}

.ctmHover:hover {
    background-color: #cecee8;
}


.Grid {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    font-family: Calibri;
    color: #474747;
}

    .Grid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
    }

    .Grid th {
        padding: 4px 2px;
        color: #fff;
        background: #363670 url(Images/grid-header.png) repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
    }

    .Grid .alt {
        background: #fcfcfc url(Images/grid-alt.png) repeat-x top;
    }

    .Grid .pgr {
        background: #363670 url(Images/grid-pgr.png) repeat-x top;
    }

        .Grid .pgr table {
            margin: 3px 0;
        }

        .Grid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .Grid .pgr a {
            color: Gray;
            text-decoration: none;
        }

            .Grid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }


.custom-modal-header {
    background: #b0d4e3; /* Old browsers */
    background: -moz-linear-gradient(top, #b0d4e3 0%, #88bacf 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b0d4e3 0%,#88bacf 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b0d4e3 0%,#88bacf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d4e3', endColorstr='#88bacf',GradientType=0 ); /* IE6-9 */
    border-radius: 15px 15px 0px 0px;
    color: white;
}

.custom-modal-footer {
    background: #b0d4e3; /* Old browsers */
    background: -moz-linear-gradient(top, #b0d4e3 0%, #88bacf 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b0d4e3 0%,#88bacf 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b0d4e3 0%,#88bacf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d4e3', endColorstr='#88bacf',GradientType=0 ); /* IE6-9 */
    border-radius: 0px 0px 15px 15px;
    color: white;
}

.custom-modal-confirm-btn {
    background-color: #98c4d7;
    color: white;
}

    .custom-modal-confirm-btn:hover {
        background-color: #000000;
        color: white;
    }

.custom-modal-cancel-btn {
    font-weight: bold;
}

    .custom-modal-cancel-btn:hover {
        background-color: #6099ca;
        color: white;
        font-weight: bold;
    }

.chkChoice label {
    margin-right: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 5px;
    color: #142658;
    border-color: #142658;
    border-radius: 50px;
}

.chkChoice input {
    padding-left: 20px;
    margin-left: 20px;
}

Answer 1

请尝试使用基本路径：

<link rel="stylesheet" type="text/css" href="<%= HttpContext.Current.Request.ApplicationPath %>/CSS/customStyles.css" runat="server" />

Answer 2

我尝试在同一文件夹中创建一个新的CSS文件，并将代码发布到该文件夹​​中，并且该文件可以正常工作。我在其他CSS文件上有更多代码，我检查了好几次，所有文件的格式都正确，并且我仍在尝试找出导致代码无法读取的原因，因此，现在的解决方案是将代码放在不同的空白处CSS文件