0

シンプルな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で試してみたいですか？

4

3 に答える 3

1

クラスではなく、tgiの場合、テーブルにはIDがあります。

修正＃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;
}
于 2012-04-19T14:05:41.273 に答える
0

tgiはテーブルタグのクラスであるため、セレクターはtable＃tgiである必要があります。セレクターの詳細については、css標準を参照してください。

于 2012-04-19T14:06:53.813 に答える
0

あなたはセレクターの状態です：

table.tgi

これはtable、クラスを持つを意味しtgiます。

テーブルにはこのクラスはありませんが、IDとしての値があります。IDとして選択するには、#代わりに使用する必要があります.

table#tgi

-例を参照してください-

于 2012-04-19T14:07:23.733 に答える