无法在asp.net WebForms应用程序的.aspx内容页中实现外部css文件

无法在asp.net WebForms应用程序的.aspx内容页中实现外部css文件,css,asp.net,webforms,master-pages,Css,Asp.net,Webforms,Master Pages,我正在努力在asp.net WebForms应用程序的内容页中实现外部CSS文件。因此,内容页有一个母版页(Site.master),其中我在标题部分包含以下代码: <asp:ContentPlaceHolder ID="HeadContent" runat="server"> <link href="Styles/pokerpsych.css" rel="stylesheet" type="text/css" /> </asp:

我正在努力在asp.net WebForms应用程序的内容页中实现外部CSS文件。因此,内容页有一个母版页(Site.master),其中我在标题部分包含以下代码:

    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
          <link href="Styles/pokerpsych.css" rel="stylesheet" type="text/css" />
    </asp:ContentPlaceHolder>
我还尝试在asp:Content标记中嵌入一个样式标记,但没有成功。然而,当我使用内联样式时,我只能将样式应用于id,尽管我更希望包含一个外部文件来应用样式

下面是CSS文件(pokerpsych.CSS):

发件人:

这可能是由Web表单中的动态ID处理引起的。呈现的HTML中文本框的ID可能与标题标签不同。在呈现页面上按视图源进行检查

最简单的解决方法可能是使用基于类的CSS,并在ASPX页面中引用控件上的正确类,而不是ID。

来自:

这可能是由Web表单中的动态ID处理引起的。呈现的HTML中文本框的ID可能与标题标签不同。在呈现页面上按视图源进行检查


最简单的解决方法可能是使用基于类的CSS,并在ASPX页面中引用控件上的正确类,而不是ID。

暂时注释掉当前CSS链接。将CSS文件从解决方案资源管理器拖动到母版页。在浏览器中点击F5,看看它是否有效。可能是由于
webforms
中的动态ID处理引起的。呈现的HTML中文本框的ID可能与标题标签不同。通过呈现页面上的查看源代码进行检查。最简单的解决方法可能是创建基于类的CSS,并在ASPX页面的控件上引用正确的类。谢谢,问题似乎是动态ID处理。视图源指示ID已与容器“MainContent_titleLabel”合并。使用类似乎可以解决这个问题暂时删除当前的CSS链接。将CSS文件从解决方案资源管理器拖动到母版页。在浏览器中点击F5,看看它是否有效。可能是由于
webforms
中的动态ID处理引起的。呈现的HTML中文本框的ID可能与标题标签不同。通过呈现页面上的查看源代码进行检查。最简单的解决方法可能是创建基于类的CSS,并在ASPX页面的控件上引用正确的类。谢谢,问题似乎是动态ID处理。视图源指示ID已与容器“MainContent_titleLabel”合并。使用类似乎可以解决这个问题
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="PostHand.aspx.cs" Inherits="PokerPuzzleWebforms.PostHand" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <header>
         <h1>Post your hand here</h1>
    </header>
    <main>
        <label runat="server" for="titleBox" id="titleLabel" >Title</label>
        <input type="text" id="titleBox" name="titleBox" runat="server" />
    </main>
</asp:Content>
<asp:Content ID="Head" ContentPlaceHolderID="HeadContent" runat="server">
    <link href="Styles/posthandstyle.css" rel="stylesheet" type="text/css" runat="server"/>
</asp:Content>
body {
}

#test{
    color:red;
}
#titleLabel {
    color:red !important;
    margin-right:100px;
}