CSS的層疊向下排列是指定義的樣式規則按照優先級從高到低排列，優先級高的樣式規則會覆蓋優先級低的規則。

.selector{
color: red;
}
/* 權重為100 */
#idSelector{
color:blue;
}
/* 權重為010 */ 
.class{
color:green;
}
/* 權重為001*/

在上面的代碼中，首先定義了.selector的樣式，然后在后面定義了id選擇器#idSelector的樣式和類選擇器.class的樣式。因為id選擇器的權重為100，高于其他選擇器的權重，所以#idSelector的color屬性會覆蓋.selector的color屬性；同時，如果同級別的選擇器權重相等，則排列位置的后者優先。

在實際開發中，優先級的概念同樣也會存在于不同的CSS屬性之間。例如，在font屬性中，font-size的優先級高于font-family。

.font-example{
font: bold italic 14px Verdana;
font-size: 18px;
}

在上面的代碼中，.font-example元素使用了font和font-size兩個屬性。雖然font屬性中有多個值，但是font-size屬性的優先級高于font-family和font-weight，所以最終元素的font-size值會被覆蓋。