特定のasp.netテーブルにCSSを適用するには？

Question

私は、ウェブサイトから.cssスタイルシートをダウンロードしました。このスタイルシートには、多くのスタイリングが含まれています。その.cssスタイルシートを特定のasp.netテーブルに適用したいと思います。だから、ASPXで、私は、私はそれだけでテーブルを申請するすべてのそれらの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クラスで

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

を持っています）

Answer 1

ASP.NETテーブルはHTMLテーブルとしてレンダリングされます。したがって、現在のCSSルールは、すべてこのテーブルに適用されます

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

：

あなたの例は次のようにレンダリングされます。これらのスタイルをにのみ適用する場合は、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.downloadedCss {} 

に

table {} 

を変更した場合のみ、そのテーブルにそれらのを適用すること、その後、他のすべてのスタイルの前にそれを追加します。例えば私はあなたがすべてのことを必要とすることはないだろうと私はおそらくそのCSSの多くを取り除くでしょうしかし

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

。

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