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; } 仅更改您在类上声明为主体的内容，但最终可能导致错误和错误。