CSS規則1和規則2是CSS樣式表中常見的兩種規則，它們可以同時作用于同一個元素，從而實現不同的樣式效果。

CSS規則1通常用于設置元素的基本樣式，如背景色、文字顏色等。例如：

p {
background-color: #f0f0f0;
color: #333;
}

上述代碼中，p代表段落元素，background-color用于設置背景色為#f0f0f0，color用于設置文字顏色為#333。

而CSS規則2則可用于針對特定的元素進行樣式設置，如在:hover狀態下改變元素的樣式。例如：

p:hover {
background-color: #ccc;
color: #fff;
}

上述代碼中，p:hover代表當鼠標懸停在段落元素上時，將背景色改為#ccc，文字顏色改為#fff。

當CSS規則1和規則2作用于同一個元素時，規則2的特殊樣式設置將覆蓋規則1的基本樣式設置。例如：

p {
background-color: #f0f0f0;
color: #333;
}
p:hover {
background-color: #ccc;
color: #fff;
}

上述代碼中，當鼠標懸停在段落元素上時，將覆蓋規則1設置的背景色和文字顏色，改為規則2設置的背景色和文字顏色。

通過CSS規則1和規則2的組合使用，可以實現豐富的頁面效果，提高網頁的可讀性和用戶體驗。