cssのセレクタの優先順位について質問です。
とある小要素
に指定した
p:last-child {
font-size: 5em;
color: red;
margin-top:10%;
}
が、
同じCSSファイルの先頭に記述した
{
font-size: 1.5em;
color:blue;
margin:0;
}
に色だけが*セレクタを優先してしまい、ブルーで表示されてしまいます。このとき、フォントサイズやマージンは:last-childのものに期待どおり上書きされます。
疑似要素はcolorだけが何か特別な優先順位をもっているのでしょうか?
他に絡んでくるようなセレクタの記述はないのですが…。
アドバイスいただければ幸いです。