CSS優先級z指的是在CSS中，不同樣式屬性的優先級規則，其中z值越大，就表示該屬性的優先級越高。在CSS中，要注意掌握并且正確使用CSS優先級z規則，才能使我們寫出更加高效可靠的代碼。

CSS優先級z規則的計算方式很簡單，就是統計選擇器中ID選擇器、類選擇器、標簽選擇器和其他選擇器出現的次數并相加，其中ID選擇器最高，然后類選擇器和屬性選擇器，最后是標簽選擇器。當其中有同等級別的選擇器時，選擇器的權重就會按照選擇器的順序依次排列。

.my-class { /* 選擇器的正常優先級 */
color: red;
}
p.my-class { /* 選擇器中帶有標簽選擇器 */
color: blue;
}
#my-id.my-class { /* 選擇器中既有ID選擇器又有類選擇器 */
color: green;
}
h1+p.my-class { /* 選擇器中帶有標簽選擇器和緊鄰兄弟選擇器 */
color: purple;
}

在上面的代碼中，無論順序如何，優先級都是一致的。但是，如果有如下代碼，則會按照優先級順序進行樣式覆蓋：

.my-class { /* 選擇器的正常優先級 */
color: red;
}
#my-id.my-class { /* 選擇器中既有ID選擇器又有類選擇器 */
color: green;
}
.my-class { /* 選擇器的正常優先級 */
color: blue;
}

這里采用了嵌套規則，因此任何層級之間的選擇器都可以累積選擇器的權重。如果選擇器中帶有!important標記，則該樣式將具有最高優先級，其優先級超過任何其他在CSS中定義的樣式屬性。但是這不是一種良好的實踐方式，應該盡量避免使用!important標記，更好的做法是通過優化選擇器的規則來實現更精確的優先級控制。