在編寫CSS的過程中，我們經常會遇到樣式沖突的問題。這個問題一旦出現(xiàn)，就會導致我們的樣式無法生效，甚至產生不可預期的效果。以下是一些常見的CSS樣式沖突的示例：

p {
color: red;
}
p {
color: blue;
}

在這個例子中，兩個樣式規(guī)則都針對p元素。但是，它們的樣式屬性是不同的。所以在應用這兩個規(guī)則時，就會發(fā)生樣式沖突。具體來說，當文本中包含p元素時，其顏色將是藍色而不是紅色。

#title {
font-size: 20px;
}
h1 {
font-size: 30px;
}

在這個例子中，我們設置了一個ID選擇器和一個元素選擇器來控制標題的字體大小。ID選擇器優(yōu)先級較高，所以在這種情況下，$<$h1$>$元素的字體大小將是20px而不是30px。

.one {
background-color: blue;
color: white;
}
.two {
background-color: green;
color: black;
}
.one .two {
background-color: red;
color: yellow;
}

在這個例子中，我們定義了兩個類.one和.two，以及一個派生選擇器.one .two。在這種情況下，當一個元素既有類.one又有類.two時，會應用派生選擇器的樣式屬性，而不是類.one和類.two的單獨樣式屬性。

以上這些例子只是CSS樣式沖突的幾個示例。在編寫CSS時，樣式沖突是一個常見的問題，需要我們非常小心地選擇選擇器并注意樣式屬性的優(yōu)先級。