2016-10-04 21 views
0

ない場合にのみ、私はtd要素のborderを表示したいのですが、要素がtfoot要素でない場合のみ。 .not CSSセレクタでどうすればいいですか?表示境界要素がTFOOT要素

これは動作しません:あなたは、明示的にそれを行うことはできません

td.not(tfoot) { ... } 
+0

'tfoot'クラスは' table'または 'td'にありますか? –

+0

'tfoot'はhtmlタグ、' table'セクションです – artooras

答えて

0

。あなたは何ができるか、しかし、設定し、ルール上書きすることです:あなたはこのルールを試すことができます

td { border: 1px solid black; } 
tfoot td { border-width: 0; } 
+0

はい、それは常に安全なオプションですが、私はCSS機能を利用したより洗練されたソリューションを望んでいました。 – artooras

1

table :not(tfoot) tr td { 
    border: 1px solid red; 
} 

または

table > :not(tfoot) td { 
    border: 1px solid red; 
} 
(tfoot要素に含まれていないすべての細胞に影響を与えます)
1

あなたは、このコードで唯一のtbodyやthead要素に境界線を適用することができます。

table thead tr th{ 
    border: 1px solid #ccc; // Here your code of css 
} 

table tbody tr td{ 
    border: 1px solid #ccc; // Here your code of css 
} 

よろしく!

+0

これは直接質問に答えることはできませんが、本当に私の問題を解決します - ありがとう。思考のための+1 – artooras