html - CSS 反射(reflect)在主页而不是表格的子页面中

Question

我的登录页面代码如下所示。当我在标题中使用内部样式表时，表格的样式工作得很好。

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <style type="text/css"> 
     table {
    background: #FF66FF;
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    width: 100%;
}

 </style>
</asp:Content>

但是当我在外部样式表中复制粘贴相同的内容时，它不会格式化我的表格!

它在哪里迷路了？似乎是什么问题？

验证控件正在从同一个 css 页面获取格式

Answer 1

使用给定的渲染 HTML 和样式在这里工作正常:

<table id="greentable" >
    <tr>
        <td>UserName</td>
        <td class="style1"> <input name="ctl00$MainContent$txtUserName" type="text" id="MainContent_txtUserName" /> 
            <span id="MainContent_RequiredFieldValidator1" style="display:none;"></span>
        </td>
    </tr>
<table>

查看演示:

演示

http://jsfiddle.net/sunnykumar08/Q79aH/

检查 styles.css 文件路径是否正确，是否正确呈现。