代码如下:
这个表格是绿色边框 | 这个表格是绿色边框 |
---|---|
这个表格是绿色边框 | 这个表格是绿色边框 |
这个表格是红色边框 | 这个表格是红色边框 |
---|---|
这个表格是红色边框 | 这个表格是红色边框 |
这个表格是绿色边框 | 这个表格是绿色边框 |
---|---|
这个表格是绿色边框 | 这个表格是绿色边框 |
#dc table tr td,#dc table tr th{border: 1px solid #0F0;}#cd table tr td,#cd table tr th{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 ヘッダー、これは私が望む最終結果ではありません
どういたしまして、へへ