pseudo-class pseudo-classは、左側のセレクターに続けて「〜が」と読みます。 /* liが最初の子だった場合 */ li:first-child{ margin-top:0; } 「〜が」だから、左側がマッチする要素です（上の例ではli）。 pseudo-element pseudo-elementは、左側のセレク…

chrome拡張とかでも、普段使っているcssフレームワークが使いたくなることがあります。 しかし大抵のcssフレームワークは、グローバルな名前空間でスタイルを宣言しています。そのまま導入すると、拡張機能のCSSが読み込まれてしまった結果、訪問したサイト…

margin-boxとは margin-boxとは、ボックスのサイズをmarginも含めて計算するボックスのことです。 つまりmarginが50pxで、widthが200pxなら、コンテントサイズは 200(width) - 50(margin-left) - 50(margin-right) = 100 になります。 ちなみにこのmargin-bo…