CSSの優先順ポイントについて

Web開発を行って来ていながら、これまで優秀なデザイナに恵まれ、自分でstyleを意識することも無かったのだが、最近、そうも行かない。
否応なしに、対応を迫られているので、今更ながら、少し勉強した。

CSSの効力には優先順があり、定義の仕方次第で、かなり自由度高く思い通りのstyleを設定できることが判明。

中でも無知な自分にとって、「ポイントルール」は驚愕だった。

*（全称セレクタ）⇒0ポイント
p,h1等のタグ⇒1ポイント
.aaa（classの場合）⇒10ポイント
#aaa（idの場合）⇒100ポイント

といった具合で、ポインタは複数並べることで加算されていく。

p.aaa＝1＋10＝11ポイント
.aaa p＝10＋1＝11ポイント
#aaa .sample＝100＋10＝110ポイント
#aaa .sample p＝100＋10＋1＝111ポイント

ポイントが同じであれば、後に記述した方が優先となる。
また、範囲を限定して使用したい場合は、使用範囲をdivタグで囲い、class or idを設定して、styleを適用する。