似乎不能风格​​？

Question

简单的CSS：

table.tgi 
{ 
    width:100%; 
} 

table.tgi td.labelcell 
{ 
    text-align:right; 
    color:Red; 
} 

table.tgi td.valuecell 
{ 
    text-align:left; 
    color:Green; 
} 

简单的HTML：

<table id="tgi" runat="server" width="100%"> 
      <tbody> 
      <tr> 
       <td class="labelcell">ID:</td> 
       <td></td> 
       <td class="labelcell">Originator: 
       </td> 
       <td class="valuecell"><asp:Button ID="Button1" runat="server" Text="Button" /></td> 
      </tr> 
      <tr> 
       <td class="labelcell">Expected Ship Date:</td> 
       <td class="valuecell"><asp:TextBox ID="txtExpectedShipDate" runat="server"></asp:TextBox></td> 
       <td class="labelcell">Actual Ship Date:</td> 
       <td class="valuecell"><asp:TextBox ID="txtActualShipDate" runat="server"></asp:TextBox></td> 
      </tr> 
      </tbody> 
     </table> 

但TD造型不工作...

编辑

我尝试这样做：

table#tgi 
{ 
    width:100%; 
} 

table#tgi td.labelcell 
{ 
    text-align:right; 
    color:Red; 
} 

table#tgi td.valuecell 
{ 
    text-align:left; 
    color:Green; 
} 

随着HTML：

<table id="tgi" runat="server"> 
      <tbody> 
      <tr> 
       <td class="labelcell">ID:</td> 
       <td class="valuecell"></td> 
       <td class="labelcell">Originator:</td> 
       <td class="valuecell"><asp:Button ID="Button1" runat="server" Text="Button" /></td> 
      </tr> 
      <tr> 
       <td class="labelcell">Expected Ship Date:</td> 
       <td class="valuecell"><asp:TextBox ID="txtExpectedShipDate" runat="server"></asp:TextBox></td> 
       <td class="labelcell">Actual Ship Date:</td> 
       <td class="valuecell"><asp:TextBox ID="txtActualShipDate" runat="server"></asp:TextBox></td> 
      </tr> 
      </tbody> 
     </table> 

这不工作... 但如果我将其更改为它工作一类......但我想用ID来试试吧???

Answer 1

你的表有一个ID如果tgi，而不是一个类。

修正＃1

<table class="tgi" runat="server" width="100%"> 

修复＃2

table#tgi 
{ 
    width:100%; 
} 

table#tgi td.labelcell 
{ 
    text-align:right; 
    color:Red; 
} 

table#tgi td.valuecell 
{ 
    text-align:left; 
    color:Green; 
} 

Answer 2

由于TGI在桌子上标记你的选择必须是表＃TGI类。见css standard for more info on selectors.

Answer 3

你选择状态：

table.tgi 

这意味着与类tgi一个table。

您的表格没有此类，但它具有作为ID的值。要选择作为ID，你需要使用的#代替.

table#tgi 

-- SEE EXAMPLE --

Answer 4

由于TGI在桌子上标记你的选择必须是表＃TGI类。见css standard for more info on selectors.

Answer 5

你选择状态：

table.tgi 

这意味着与类tgi一个table。

您的表格没有此类，但它具有作为ID的值。要选择作为ID，你需要使用的#代替.

table#tgi 

-- SEE EXAMPLE --