CSS是前端開發中重要的一環，它可以控制網頁中的樣式，比如文字的大小、顏色、背景等等。CSS樣式有許多種，但是當一個網頁中有不同的樣式同時出現時，要如何確定它們的優先級呢？CSS定義了三種優先級，分別是元素樣式、類樣式和ID樣式。接下來我們來詳細說明這三種樣式的優先級關系。

p {
font-size: 12px;
color: #333;
}

1. 元素樣式（Element Style）：這是CSS樣式設定的普遍優先級，指的是對所有相同元素（例如所有段落）的樣式設定進行優先級比對。如果頁面中同時有兩個相同元素（例如兩個p標簽）被設定不同的樣式，那么這個元素樣式優先級高的樣式將被應用到相應元素，而低優先級的樣式則被自動忽略。

p {
font-size: 14px;
}

2. 類樣式（Class Style）：這種樣式通過類名來設置，例如我們可以設置一個類名為“my-style”，并在HTML文件中添加class屬性，然后在CSS文件中定義此類樣式的樣式。當自定義樣式與元素樣式產生沖突時，類樣式優先級比元素樣式更高。但是在多個類名為“my-style”的元素存在時，它們的優先級同樣受元素樣式的影響。

.my-style {
font-size: 16px;
}

3. ID樣式（ID Style）：這種樣式通過為HTML文件中的元素添加“id”屬性來設置，規定ID本身應該是唯一的，所以ID樣式優先級最高。當同一個元素既有ID樣式又有元素樣式和類樣式時，ID樣式將具有最高的優先級。

#my-paragraph {
color: red;
}

總結：以上三種優先級，并不是完全獨立的，當其中一種不起作用時，這種樣式的優先級將被自動降低。CSS樣式的使用需要謹慎，在保證正確的樣式表達的前提下，合理選擇優先級設置，將有助于樣式表的調試和維護。