ホームページ > ウェブフロントエンド > htmlチュートリアル > 1 つの HTML 内の 2 つのテーブルは 2 つのスタイルを設定しますが、同じ_html/css_WEB-ITnose を適用します

1 つの HTML 内の 2 つのテーブルは 2 つのスタイルを設定しますが、同じ_html/css_WEB-ITnose を適用します

WBOY
リリース: 2016-06-24 12:16:39
オリジナル
1565 人が閲覧しました

代码如下:




表格






  
    
    
  
  
    
    
  
这个表格是绿色边框 这个表格是绿色边框
这个表格是绿色边框 这个表格是绿色边框



  
  
    
    
  
  
    
    
  
这个表格是红色边框 这个表格是红色边框
这个表格是红色边框 这个表格是红色边框




这是效果图:


回复讨论(解决方案)





无标题文档





  
    
    
  
  
    
    
  
这个表格是绿色边框 这个表格是绿色边框
这个表格是绿色边框 这个表格是绿色边框



このテーブルには赤い枠があります td>





#dc table tr td,#dc table tr th{border: 1px solid #0F0;}#cd table tr td,#cd table tr th{border: 1px solid #F00;}
ログイン後にコピー


CSS 複合セレクターの使用法を理解します。上の 2 つのコードを見てください。

#dc tr,th,td {
border: 1px Solid #0F0; }
#cd table tr,th,td {

border: 1px Solid #F00; }

実際、2 つのセレクターはそれぞれ3 つを選択しました。1 つは #dc tr、1 つは th、もう 1 つは td です

CSS コード?1234567#dc table tr td,#dc table tr th{border: 1px Solid #0F0;}#cd table tr td,# cd table tr th{border: 1px Solid #F00;}

CSS 複合セレクターの使用法を理解します。上の 2 つのコードを見てください。
最初のものは、id dc の table 要素の下の tr 要素の下に含まれる td 要素と th 要素が宣言 {border: 1px Solid #0f0; を共有することを意味します
2 つ目は、最初のものと同じを意味しますが、 IDが違いますが、正しく理解できますか?
あなたが私に言いたいのは、私の複合セレクターが間違って書かれているということですか? #dc tr,td,th{border....} これは間違っていますか?

確かに、同じ ID の複合セレクターは次のように記述する必要があります。#dc th、#dc td {border...} は正しいです。 2階と3階は修正のためです。 1 階の友人にも感謝します (笑)。ただし、コードでは症状は処理されますが、根本的な原因は処理されません。テーブル効果は達成されていますが、最初のテーブルは th として記述され、2 番目のテーブルは td として記述されています。 all ヘッダー、これは私が望む最終結果ではありません

そうですね、これは確かに書き込みエラーです。同じ ID の下にある複合セレクターは次のように記述する必要があります: #dc th, #dc td {border.. .} は正しいです。修正してくれた 2 階と 3 階の友人に感謝します。 1 階の友人にも感謝します (笑)。ただし、コードでは症状は処理されますが、根本的な原因は処理されません。テーブル効果は達成されていますが、最初のテーブルは th として記述され、2 番目のテーブルは td として記述されています。すべて ヘッダー、それは私が望んでいる最終結果ではありません


どういたしまして、へへ

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート