asp.net - Visual Studio 2010 不遵循我的 CSS ...帮助请

Question

这是我的 CSS:

.body
{
     font-family : Segoe UI;
}

.table{
    width : 50%;
    font-size:medium;
    border-spacing:5px;       
}

.leftCol
{
    width:15%
}

.RightCol
{
    width:35%
}

.header
{
    width:35%;
    font-weight:900;
    text-align:left;
}

.dates
{
    color:GrayText;   
    font-size:small
}

.pictures
{
    width:10%;
}

.userName
{
    width:10%;
    text-align:left;

}

.smallTable
{
    width:20%;    
}

这是 HTML 标记:

 <table class=".table">
                                <tr>
                                    <td rowspan="3" class=".leftCol">
                                        <asp:Label ID="ImageLabel" runat="server" Text='<%# Eval("Image") %>' />
                                    </td>
                                    <td class=".header">
                                         <asp:Label ID="UserNameLabel" runat="server" Text='<%# Eval("UserName") %>' />
                                    </td>
                                </tr>
                                <tr>
                                    <td class=".rightCol">
                                        <asp:Label ID="TextLabel" runat="server" Text='<%# Eval("Text") %>' />
                                    </td>
                                </tr>
                                <tr>
                                    <td class=".dates">
                                       <asp:Label ID="DateLabel" runat="server" Text='<%# Eval("Date") %>' />
                                    </td>
                                </tr>
                            </table><hr />      

另一个:(这个表格宽度确实有效)

<table class=".smallTable">
                                <tr >
                                    <td class=".pictures">
                                       <asp:Label ID="Label1" runat="server" Text='<%# Eval("Pictures") %>' /></td>
                                    <td class=".userName" align="left">
                                        <asp:Label ID="Label2" runat="server" Text='<%# Eval("Name") %>' /></td>
                                </tr>
                            </table><hr />  

因此，VS 没有遵循规则，而是使用 .table 类为表格使用 100% 宽度，然后它只是对齐排列。日期不会以灰色显示……基本上什么也没有。但我可以向你保证，我写的类名和我检查过的一切都是正确的。它只是不起作用。你知道我可以强制 VS 2010 这样做吗？

Answer 1

在您在标签上声明的所有类中，您必须将它们放在不带点的地方。例如:

<table class="smallTable">

并将类名 .table 更改为其他名称，因为该表是为所有表保留的，并且这种类型的变量可能会导致错误。不要将标签名称与 css 声明混淆。

css table{ width : 50%; 更改页面上的所有表格。
css body{ font-family : Segoe UI; } 更改所有正文字体。
css .body{ font-family : Segoe UI; 仅更改您在类上声明为正文的内容，但最终会导致错误和错误。