idを持つ要素を選択するCSSスタイルはありますか？

Question

idを持たないh2タグをターゲットにし、idを持たないh2をターゲットにしないhtmlドキュメントがあります。私はクラスでhtmlを書き直すことは可能な選択肢だが、今はCSSを変更しようとしている。私はCSSのルールに次のことをターゲットにする

：

<h2 id="one"> 
<h2 id="two"> 

ではなく、同時に

<h2> 

を次のターゲットは

h2#[*] { font-size: 12pt} 

そのようなことはありますこれを達成するだろうか？私はこのサイトや他のサイトを検索して答えを見つけられませんでした。私はこれがここの多くの人にとって基本的なCSSだと確信していますが、私は困惑しています。 おかげで、MB

Answer 1

は–あなたの質問にあるような–として、特定の属性の存在を持っている要素のみを選択し、idをCSS属性セレクタを使用します。

h1[id], h2[id] { 
    /* CSS rules */ 
} 

h1[id], 
 
h2[id] { 
 
    color: limegreen; 
 
    font-size: 2em; 
 
}

<h1>Heading level 1, with no id</h1> 
 
<h1 id="h1">Heading level 1, with an id</h1> 
 

 
<h2>Heading level 2, with no id</h1> 
 
<h2 id="h2">Heading level 2, with an id</h1>

参考文献：

• CSS Attribute-selectors。

Answer 2

はいあなたはCSSで

[id]{ /* css here */ }

を属性セレクタを使用することができ、これはあなたがここに例を作業h2[id]

を必要とする、あなたのケースのためのID属性

を持つ任意の要素を選択しますhttp://jsbin.com/fabayaqusa/edit?html,css,output