CSSノート——2019-7-20

セレクタの優先度:!importan>style>id>class(インライン>インライン)>ラベルセレクタ

divとspanの違い:

divはblock要素であり、幅と高さを設定することができる.「style」の「text-align:center」を使用して、ブロック内のinline要素とinline-block要素を中央に配置できます(inline-block要素のinline要素のデフォルトでは、要求に合致しない場合は、他の「text-align」属性に設定する必要があります).

spanはinline要素で、幅と高さを設定することはできません.行の高さだけを設定することができます.幅はコンテンツによって自動的に開きます.「text-align」属性は

ではありません.

子孫セレクタは、すべての子孫(子孫を含む子孫、すなわち埋め込みも選択されるが、のラベルは比較的特殊で、要素を埋め込むことができないことに注意してください.

の基本フォーマットは、p a{・・}pである.tag{ ··· } #h1 .tag{ ··· } #h1 a{ ··· } ···

サブセレクタ-直接子孫(すなわち子孫を除く子孫)

のみを選択

基本フォーマット:p>a{}p>.tag{} ···

隣接同世代セレクタ隣接する指定要素(およびそのすべての子孫、すなわち子孫の下位)

を選択する.

基本フォーマット:p+a{}p+.tag{} ···

隣接する:すなわち、本ラベルと同世代であり、かつ、本ラベルの下(上のラベルは選択する)にあるラベル(かつ、指定されたラベル)

.

ラベルは、略語を表示するラベルであり、

である.