在 CSS 中，我們可以通過選擇某個元素的位置來對其進行樣式設置，這就是按位置分的 CSS。

/* 選擇第一個子元素 */
element:first-child {}
/* 選擇最后一個子元素 */
element:last-child {}
/* 選擇第一個符合條件的兄弟元素 */
element:first-of-type {}
/* 選擇最后一個符合條件的兄弟元素 */
element:last-of-type {}
/* 選擇第 n 個子元素 */
element:nth-child(n) {}
/* 選擇第 n 個符合條件的兄弟元素 */
element:nth-of-type(n) {}
/* 選擇父元素下所有子元素，除了第一個 */
element:not(:first-child) {}
/* 選擇父元素下所有子元素，除了最后一個 */
element:not(:last-child) {}

上述代碼中，:first-child 選擇了第一個子元素；:last-child 選擇了最后一個子元素；:first-of-type 選擇了父元素下第一個符合條件的兄弟元素；:last-of-type 選擇了父元素下最后一個符合條件的兄弟元素；:nth-child(n) 選擇了父元素下第 n 個子元素；:nth-of-type(n) 選擇了父元素下第 n 個符合條件的兄弟元素；:not(:first-child) 選擇了除了第一個子元素之外的所有子元素；:not(:last-child) 選擇了除了最后一個子元素之外的所有子元素。

按位置分的 CSS 可以讓我們更方便地選擇元素并對其應用特定樣式，提高了頁面的可讀性和可維護性。