やりたい理由:
h1#chapter1 { text-align: center }
それ以外の
#chapter1 { text-align: center }
ID がドキュメント ツリー内で一意であると想定されている場合は?
やりたい理由:
h1#chapter1 { text-align: center }
それ以外の
#chapter1 { text-align: center }
ID がドキュメント ツリー内で一意であると想定されている場合は?
通常、スタイルシートを離れることなく、ID を持つ要素の種類を正確に簡単に識別できるようにするために行われます。#element よりも具体性が高いと思うので、標準の #element セレクターを div#element でオーバーライドできます。
これは、次の開発者に ID がどの要素にあるかを知らせるためです。
div、セクション、または「コンテナー」ではそれを行いません。
奇妙な質問です。おそらく、同じスタイルシートを共有するさまざまなページのさまざまな要素で同じ ID を使用していませんか?
たとえば、あなたが持っているhome.html<h1 id="title">
あなたが持っているabout.htmlに<h2 id="title">
しかし、どちらも同じスタイルシートを使用しており、ホームページのタイトルのみにスタイルを適用したい..
また、さまざまな種類のセレクター間で CSS 構文の一貫性をなくしても意味がありません。それが価値があるよりも多くの混乱を引き起こすでしょう。