Question

我从网站下载了一个.css样式表，其中包含许多表格样式。我想将.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类）

Answer 1

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  {}

Answer 2

如果你改变了

table {}

到

table.downloadedCss {}

然后在所有其他样式之前添加它，那么只会将那些样式应用于该表。 e.g。

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

但是我可能会删除很多css，因为我怀疑你需要所有这些。

Answer 3

<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;
        }

如何将CSS应用于特定的asp.net表？

3 个答案: