テーブル境界値に基づくCSSセレクタ

Question

CSSセレクタを使用してページ内のtableにアクセスしたいとします。

テーブルの構造は以下の通りである：

<table border="1" width="560" cellspacing="0"> 
    <tr> 
    <td height="28" colspan="3" bgcolor="#FFFFF...> 
</tr> 
</table> 

基本的に私が関連付けられたクラスまたはIDが存在しないborder=1

とtableにアクセスするために1つの行にjqueryのまたはCSSセレクタを必要としますtableとn番目のアクセスの親子マッピングも不可能

tableの基本的なセレクタtable border=1（border = 1）はstyle=""内ではありません、それはあなたがこのような何かを意味していますか？ちょうどHTMLマークアップ

<table border=1"> ....</table> 

Answer 1

ですか

table[border="1"]{ 
    background: red; 
} 

そして、あなたが唯一のborder属性があるかどうかを確認したい場合：

table[border]{ 
    background: blue; 
} 

あなたがここにこれについての詳細情報を見つけることができます： https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

Answer 2

あなたはattribute selectors

を使用することができます

[attr =値]

属性名がattrで、値が正確に「値」である要素を表します。

table { 
 
    width: 100%; 
 
    height: 50px 
 
} 
 
table[border="1"] { 
 
    background: red 
 
}

<table border="1"> 
 
    <tr> 
 
    <td></td> 
 
    </tr> 
 
</table> 
 
<hr /> 
 
<table> 
 
    <tr> 
 
    <td></td> 
 
    </tr> 
 
</table>

---

注：私はそれが廃止されているので、border HTMLタグを使用しないようにしかし助言します。 tableのスタイルをborderにするには、CSSにborderというプロパティを使用できます。