LoginSignup
0
0

More than 5 years have passed since last update.

:last-childより*セレクタに優先されてしまうスタイルが一部あります

Posted at

cssのセレクタの優先順位について質問です。

とある小要素

に指定した

p:last-child {
font-size: 5em;
color: red;
margin-top:10%;
}

が、

同じCSSファイルの先頭に記述した

{
font-size: 1.5em;
color:blue;
margin:0;
}
に色だけが*セレクタを優先してしまい、ブルーで表示されてしまいます。このとき、フォントサイズやマージンは:last-childのものに期待どおり上書きされます。
疑似要素はcolorだけが何か特別な優先順位をもっているのでしょうか?
他に絡んでくるようなセレクタの記述はないのですが…。

アドバイスいただければ幸いです。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0