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

樣式的應(yīng)用順序是：瀏覽器默認(rèn)樣式 ->用戶樣式 ->開發(fā)者樣式。這個順序是按照優(yōu)先級高低的順序排列的，優(yōu)先級高的樣式會覆蓋優(yōu)先級低的樣式。

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

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

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

在上面的代碼中，第一個樣式設(shè)置了紅色字體顏色，第二個樣式設(shè)置了藍(lán)色字體顏色。這時候，p元素的字體顏色會是藍(lán)色，因?yàn)樗趹?yīng)用順序中排在前面。

因此，由于 CSS 樣式的層疊和優(yōu)先級機(jī)制，導(dǎo)致 CSS 樣式不能完全排在一排，必須要確定樣式的優(yōu)先級順序。