CSS 不能排在一排，是因為 CSS 是一個層疊樣式表，也就是說，樣式是通過層疊來實現的。在一個層疊樣式表中，可能存在多個樣式，這些樣式之間是相互影響的。如果多個樣式同時應用到一個元素上，那么就需要確定哪個樣式會起作用。

樣式的應用順序是：瀏覽器默認樣式 ->用戶樣式 ->開發者樣式。這個順序是按照優先級高低的順序排列的，優先級高的樣式會覆蓋優先級低的樣式。

p {
font-size: 16px;
}
p {
font-size: 18px;
}

在上面的代碼中，兩個樣式都是針對p元素的，而且都設置了 font-size 屬性。根據應用順序，后面的樣式會覆蓋前面的樣式，也就是說，p元素的字體大小會是 18px。

.red-text {
color: red;
}
p {
color: blue;
}

在上面的代碼中，第一個樣式設置了紅色字體顏色，第二個樣式設置了藍色字體顏色。這時候，p元素的字體顏色會是藍色，因為它在應用順序中排在前面。

因此，由于 CSS 樣式的層疊和優先級機制，導致 CSS 樣式不能完全排在一排，必須要確定樣式的優先級順序。