2

テーブルの多くのスタイルを含む .css スタイル シートを Web サイトからダウンロードしました。その .css スタイル シートを特定の asp.net テーブルに適用したいと考えています。だから私が持っているaspxでは、

          <asp:Table cssClass="downloadedCss">
          </asp:Table>

ダウンロードしたcssスタイルシートには、..

           table {}
           caption{}
           td, th  {}
           tr {}
           thead th, tfoot th {}
           tbody td a  {}
           tbody td a:visited  {}
           tbody td a:hover {}
           tbody th a  {}
           tbody th a:hover {}
           tbody td+td+td+td a {}
           tbody td+td+td+td a:visited  {}
           tbody th, tbody td {}
           tfoot td {}
           tbody tr:hover  {}

これらすべての css プロパティをテーブルだけに適用する方法 (downloadedCss クラス)

4

3 に答える 3

3

ASP.NET テーブルは HTML テーブルとしてレンダリングされます。

あなたの例は次のようにレンダリングされます：

<table class="downloadedCss">
</table>

したがって、現在の CSS ルールはすべてこのテーブルに適用されます。これらのスタイルをこのテーブルにのみ適用する場合は、CSS ルールでクラス名を指定します。

       table.downloadedCss {}
       table.downloadedCss caption{}
       table.downloadedCss td, table.downloadedCss th  {}
       table.downloadedCss tr {}
       table.downloadedCss thead th, table.downloadedCss tfoot th {}
       table.downloadedCss tbody td a  {}
       table.downloadedCss tbody td a:visited  {}
       table.downloadedCss tbody td a:hover {}
       table.downloadedCss tbody th a  {}
       table.downloadedCss tbody th a:hover {}
       table.downloadedCss tbody td+td+td+td a {}
       table.downloadedCss tbody td+td+td+td a:visited  {}
       table.downloadedCss tbody th, table.downloadedCss tbody td {}
       table.downloadedCss tfoot td {}
       table.downloadedCss tbody tr:hover  {}
于 2012-05-01T09:24:37.927 に答える
2

変えたら

table {}

に

table.downloadedCss {}

次に、それを他のすべてのスタイルの前に追加すると、そのテーブルにのみ適用されます。例えば

table.downloadedCss caption {}
table.downloadedCss td, th {}

ただし、そのすべてが必要になるとは思えないため、おそらくそのcssの多くを削除します。

于 2012-05-01T09:25:42.540 に答える
1 
<table CssClass="pnlstudentDetails">
        <tr>
            <td>
            </td>
        </tr>
    </table>

To apply Css for all the td elements under the specific table or panel or div try this code .
 .pnlstudentDetails td
        {
            height: 40px;
            vertical-align: middle;
            text-align: left;
            margin-top: 10px;
        }
于 2015-04-25T09:05:32.417 に答える