CSSルールが機能していません

こんにちは私はCSSを習得しようとしています。しかし私のページでは、使用されているスタイルは機能しません。以下は、私が使ったスクリプトです。私が作った問題を教えてもらえますか？CSSルールが機能していません

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<meta charset="utf-8"/> 
 
<script type="text/javascript" src="lib/jquery-3.2.1.min.js"></script> 
 

 
<style type="text/css"> 
 

 
    button{ 
 

 
     .big{ 
 
      font-size:8px; 
 
     } 
 

 

 
     .small{ 
 
      font-size:8px; 
 
     } 
 

 
     #green{ 
 
      color:green; 
 
     }  
 

 
    } 
 

 
</style> 
 

 
</head> 
 

 
<body> 
 
<button class="big">Button 1</button> 
 
<button id="green" class="small">Button 2</button> 
 
</body> 
 
</html>

出典

2017-08-05 user3789200

あなたは必要ないと適切な構文ではありませんボタン{}で全体のCSSを同封しています。 CSSから外側のボタン{}を削除します。希望することができます

出典

2017-08-05 05:00:22

スタイルタグのボタンを削除することができます。対応するかっこも削除します。だから、あなたはスタイルタグの下のコードを残す必要があります。

.big{ 
     font-size:8px; 
    } 


    .small{ 
     font-size:8px; 
    } 

    #green{ 
     color:green; 
    }

出典

2017-08-05 05:02:38 LearnHey

コードダンプは良い答えではありません。それにいくつかの説明を追加 –

申し訳ありません。私はこれに新しいです。 – LearnHey

今すぐ編集しましょう。 – LearnHey

これを試してみてください：

.big, .small { 
 
    font-size:8px; 
 
} 
 

 
#green{ 
 
    color:green; 
 
}

<button class="big">Button 1</button> 
 
<button id="green" class="small">Button 2</button>

出典

2017-08-05 05:03:23 Ehsan

あなたはコードに2つの変更を加えました.1つはおそらく意図していない（ '.big'と' .small'のルールを組み合わせて、現在のフォントサイズは概念の証明にすぎません）、もう1つは実際のエラー。 'button {}'ブロックでルールを囲む構文エラーを指摘すれば、あなたの答えはより良いでしょう。 – Pharaoh

はこれを試してみてください。

 .big{ 
 
     font-size:8px; 
 
     } 
 
     .small{ 
 
      font-size:8px; 
 
     } 
 

 
     #green{ 
 
      color:green; 
 
     }

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<meta charset="utf-8"/> 
 
<script type="text/javascript" src="lib/jquery-3.2.1.min.js"></script> 
 
</head> 
 
<body> 
 
<button class="big">Button 1</button> 
 
<button id="green" class="small">Button 2</button> 
 
</body> 
 
</html>

出典

2017-08-05 05:48:45

CSSルールが機能していません

答えて

関連する問題