第1回「詳細度」

さて、唐突にはじまりましたが「100年後も崩れない CSS 勉強会」、きょうは詳細度についてお話しします！ あっ 崩れてる！ …っていうのは CSS あるあるだと思うんですけど、スタイルシートを書いているときはきちんと表示できてても、あとから見るとあれ？おかしくない？みたいなこと、よくありませんか？ なんでスタイルが崩れてしまうんでしょうか。そのことを考えるために、逆になんでスタイルって「当たる」のか、というところを改めて見てみようと思います。 CSS には書かれたスタイルを適用する優先順位があって、まず1番目に上から順番に「当てる」というのと、その次に詳細度という順番によって「当てる」という、ふたつのルールがあります。 まずは、上から順番に「当たる」ことについて見てみます。 GMO Pepabo, Inc. とだけ書かれた div 要素があって、class という名前の class が指

[norip44]

CSSの「詳細度」について解説されている記事のなかでも、とくに初心者向けになっていてわかりやすい。

[at284km]

とっても読みやすい

[motoyantan]

上から順番に当たるなら、詳細度が低い順番に当たるのでは？

[hc0001]

CSSのカスケーディングについて書かれている

[masayoshinym]

CSSの当たり方をここまで気にして見たことなかった。勉強になったのでメモ。

[mako_wis]

わかり易いまとめだった

[udzura]

すごいな、めちゃくちゃ勉強になる