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

您可以刪除樣式標籤中的按鈕。也刪除相應的括號。所以你應該在style標籤中留下下面的代碼。

.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

您在代碼中做了兩處更改 - 其中一條可能不是意圖的（將「.big」和「.small」的規則組合在一起） - 當前字體大小似乎只是概念證明），另一個是實際錯誤。如果你指出語法錯誤，你的答案會更好 - 將規則封裝在一個'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規則不起作用

回答

相關問題