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 использует 100% ширину для таблицы, используя класс .table, а затем просто выравнивает по ширине. Даты не отображаются серым цветом ... и в основном ничего не следует. Но я могу заверить вас, что имена классов, которые я написал, и все правильно, когда я проверяю. Это просто не работает. Знаете ли вы, что я могу заставить 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; } - это изменение только того, что вы объявляете в классе как тело, но в конечном итоге может привести к ошибкам и ошибкам.