CSS li 取前 3 個是一個常見的問題，如果你正在處理一個需要展示有限數量信息的列表，那么就需要用到這個功能。這篇文章將介紹如何使用 CSS 來取得一個無序列表（ul）中的前三個列表項（li）。

ul li:nth-child(-n+3) {
/* CSS style here */
}

上述CSS代碼將選中一個無序列表中的前三個列表項（li）。你只需要將需要的 CSS 樣式添加到其中即可。其中，nth-child 偽類會根據其所選定的元素在其父元素中的位置來顯示這些元素。

該示例中，"n+3" 表示父元素中的每個元素從第 3 個位置開始向后匹配選擇（這樣就可以匹配到前三個元素了），"n" 代表從列表項集合中找到的正在考慮的每個元素的位置。因此，這個偽類選擇器會選擇其父元素中的前三個列表項。

當前，CSS 選擇器可以為幾乎所有的 HTML 元素定義樣式。通過利用 CSS 來選擇列表項，可以簡化代碼，提高其可讀性和可維護性。CSS 的實際應用非常靈活，也非常重要，任何 HTML 和 JavaScript 都離不開它。希望本文能幫助你理解 CSS 和列表項選擇，提升你的 Web 設計技能。