### 前提・実現したいこと submit-buttonクラスにCSS,border-radiuus: 50px;を適用したいです。しかし実際には.form inputのborder-radiuus: 5px;が適用されています。 CSSの優先順位は具体的なクラス名があるsubmit-buttonの方が高かった気がします。どうして.form inputのCSSが適用されるのかを知りたいです。よろしくお願いします。 ### 該当のソースコード ```html

資料請求フォーム

まずは無料で資料請求からどうぞ。

質問などはこちら（空欄でもOKです）

``` ```css .form { background-color: #ebb94d; padding: 60px 0; } .form input { width: 70%; padding: 5px; height: 55px; border-radius: 5px; border: none; margin-bottom: 25px; } .form textarea { width: 70%; height: 80px; padding: 5px; height: 55px; border-radius: 5px; border: none; margin-bottom: 25px; } .submit-button { width: 70%; background-color: #da6b64; color: white; font-size: 23px; border-radius: 100px; border: none; font-weight: 600; } ``` ### 実際の画像 ![イメージ説明](11580c056cec061f975984034572f54b.png) isaraというLPの模写の問い合わせフォームです。送信ボタンをもっと丸みを持たせたいです。

	@@ -1 +1 @@
1	- CSSの~~優先順位を正しく~~理解したい
1	+ 何故.form inputのCSSが適用されるのか理解した上でsubmit-buttonクラスにboder-radius: 50px;を適用したい

質問編集履歴