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

代码如下：

  
    
    
  
  
    
    
  

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

  
  
    
    
  
  
    
    
  

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

这是效果图：

回复讨论(解决方案)

  
    
    
  
  
    
    
  

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

このテーブルには赤い枠があります 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 として記述されています。すべて ヘッダー、それは私が望んでいる最終結果ではありません

どういたしまして、へへ