每個網站都有自己獨特的設計和風格，而CSS是為網頁設計添加和管理樣式的主要語言。有時候，我們只需要將CSS代碼應用于一個頁面，而不是整個網站。在這篇文章中，我們將學習如何讓CSS代碼只作用于一個頁面。
/* CSS代碼 */
body {
background-color: white;
}
h1 {
color: blue;
}
p {
font-size: 16px;
}
/* 上述CSS代碼將應用于整個網站 */
.page1 {
/* 只在class為"page1"的頁面中應用CSS樣式 */
background-color: grey;
color: white;
}一個簡單的解決方案是為需要應用CSS樣式的頁面添加一個class。為此我們需要在HTML代碼中添加類似于下面的行：
<body class="page1">
這將為網站的主體添加一個class為"page1"的屬性。下一步，我們需要向CSS代碼中添加針對這個頁面的類選擇器：
.page1 {
/* 只在class為"page1"的頁面中應用CSS樣式 */
background-color: grey;
color: white;
}這樣，我們只會為具有class為"page1"的頁面應用CSS樣式，而其他頁面不會受到影響。該方法適用于所有CSS屬性，如文字顏色、背景顏色、字體大小等等。
總之，使用class選擇器是讓CSS代碼只作用于一個頁面的簡單而實用的方法。通過為一個具體的頁面添加class屬性，我們可以針對特定頁面應用樣式而不影響到其他頁面，讓頁面具有獨特的設計和風格。
上一篇讓ie支持css3動畫
下一篇cms與vue