ちょっと前から気にはなっていたがそんなに深くまで調べたことが
なくて最近、どうなってんだ！ってことで調べました。
かなり勉強になりました。
cssの優先順位はポイントによって決まるそうです。
ちなみに !important 宣言をすると最優先されるそうです。
こんな感じで！
div#sample p {
color: black !important;
}
CSSの優先順位～CSSテクニック～
以下引用です。
セレクタのポイント獲得ルール
*（全称セレクタ） ０ポイント
p,h1 などのタグ １ポイント
.sample（classの場合）１０ポイント
#sample（IDの場合） １００ポイント
ポイントはセレクタを複数並べることで加算されていく
p.sample＝１＋１０＝１１ポイント
.sample p＝１０＋１＝１１ポイント
.sample li p＝１０＋１＋１＝１２ポイント
#sample .sample＝１００＋１０＝１１０ポイント
#sample .sample p＝１００＋１０＋１＝１１１ポイント
獲得ポイントが同じならば、後に書いたスタイルが優先される。
CSSに関する基本的なこと4（優先順位、セレクタの組み合わせ）｜CSS HappyLife
なくて最近、どうなってんだ！ってことで調べました。
かなり勉強になりました。
cssの優先順位はポイントによって決まるそうです。
ちなみに !important 宣言をすると最優先されるそうです。
こんな感じで！
div#sample p {
color: black !important;
}
CSSの優先順位～CSSテクニック～
以下引用です。
セレクタのポイント獲得ルール
*（全称セレクタ） ０ポイント
p,h1 などのタグ １ポイント
.sample（classの場合）１０ポイント
#sample（IDの場合） １００ポイント
ポイントはセレクタを複数並べることで加算されていく
p.sample＝１＋１０＝１１ポイント
.sample p＝１０＋１＝１１ポイント
.sample li p＝１０＋１＋１＝１２ポイント
#sample .sample＝１００＋１０＝１１０ポイント
#sample .sample p＝１００＋１０＋１＝１１１ポイント
獲得ポイントが同じならば、後に書いたスタイルが優先される。
CSSに関する基本的なこと4（優先順位、セレクタの組み合わせ）｜CSS HappyLife