なぜか１つだけのCSSが適用されない

.flex-box-container-1{
border:1px solid black;
}
.flex-box-container-1にボーダーを適用することができません。
他のところはCSS適用されます。

<html>
<head>
<meta charset="utf-8">
<title>無題ドキュメント</title>
<script type="text/javascript" src="js/home.js"></script>
	
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body>
	<div class="container-1">
	<h2>Challenge 1:Your Age in Days</h2>
	<div claas="flex-box-container-1"></div>
	   <div>
	     <button class="btn btn-primary">Click me</button>
	  </div>
	
	  <div>
	     <button class="btn btn-danger">reset</button>
	  </div>
    </div>
</body>
</html>
コード


.flex-box-container-1{
border:1px solid black;
}
コード

行動規範の内容に同意します

回答1件

ベストアンサー

html
1    <div claas="flex-box-container-1"></div>
2            ^ typoです。

投稿2020/05/19 01:11

Lhankor_Mhy

総合スコア36960

ponchineey09083

2020/05/19 01:15

あぁ！ありがとうございます(^^;)

Lhankor_Mhy

2020/05/19 01:18

以前もtypoの質問があったと思いますので、テキストエディタとの相性が良くないのかもしれません。変更をご検討されてはいかがですか？

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

なぜか１つだけのCSSが適用されない

関連した質問