liに直接スタイルを指定しても適用されないのはなぜですか?

2021年1月8日
ユーザー
``` .menu li a { display: inline-block; width: 130px; text-align: center; color: #333; text-decoration: none; padding: 8px 0; border-radius: 4px 4px 0 0; } ``` 講義では、メニュータグのスタイリングを👆のようにliのa要素に対しておこなっています。 試しに、li要素に直接スタイリングを適用できるのではないかと思い、👇のコードを記述しました。 ``` .menu li { border-radius: 4px 4px 0 0; } ``` ですが、これだとメニュータグにborder-radiusが適用されなくなりました。 これでも、ふつうにスタイリングできると思ったのですが、これは何がダメなのでしょうか? ご教授のほど、よろしくお願いいたします。

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?