css - CSSを学んでいますが、この要素セレクターが理解できません

Question

例では、次の CSS 要素を見つけました。

#calendar table{
  border: 5px solid black;
  border-collapse: collapse;
  width: 100%;
}

私はこのテーブルでそれをテストしました: <table id="calendar">

のみtableまたは#calendarセレクターとして使用する場合、スタイルは同じ方法でテーブルに適用されます。両方を使用すると、プロパティが無視されるようです。私の理解では、このセレクターはカレンダー ID を持つテーブルにスタイルを適用する必要があります。

原作者の意図は？なぜ機能しないのですか？元の作成者は、id が一意であるため、タグの種類と ID を組み合わせたのはなぜですか?

score 3 · Accepted Answer

#calendar tableID「calendar」のコンテナ内のテーブルに適用する必要があります。<div id=calendar><table></table></div>

table#calendarID が「calendar」のテーブルに適用する必要があります。<table id=calendar></table>

#calendar, tableID が「calendar」のテーブルまたはコンテナーのいずれかに適用する必要があります<table></table>。<div id=calendar></div>

score 1 · Accepted Answer

このセレクター ( #calendar table) は、テーブル内のテーブルに#calendaras id でスタイルを適用することを意味するため、機能していません。

この要素に css スタイルを適用しようとしまし<table id=calendar><table></table></table>たが、存在しないと思います。

2 に答える 2