在CSS的編寫中，我們經常需要指定某個樣式僅在特定的頁面才生效。有幾種方法可以實現這個目的。
第一種是在HTML文檔中添加class或id屬性。可以給
標簽添加一個class或id，然后在CSS文件中使用該class或id來指定樣式。例如：<body class="home">
CSS樣式為：
.home h1 {
color: red;
}這樣，只有在帶有class="home"的頁面中，h1元素的顏色才會被設為紅色。如果要在多個頁面中使用相同的樣式，可以在HTML的公共部分中引用CSS文件，并在每個頁面的
標簽中定義不同的class或id屬性。第二種方法是使用HTML的meta標簽。可以在
標簽中添加meta標簽，指定頁面的name屬性為viewport，然后在content屬性中使用CSS的@media規則來指定不同的樣式。例如：<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
CSS樣式為：
@media only screen and (max-width: 600px) {
h1 {
font-size: 16px;
}
}
</head>這里，只有在視口寬度小于600像素的情況下，h1元素的字體大小才會被設為16像素。這種方法適合于需要為不同的屏幕分辨率設置不同的樣式。
總之，通過設置class或id屬性以及使用HTML的meta標簽，我們可以靈活地指定CSS只在特定頁面生效，從而達到更好的樣式分離、內容聚焦的效果。
下一篇css柵格計算公式