CSS 是一種用于網頁布局和樣式的語言。在 CSS 中，我們經常需要獲取當前元素的索引值，以便在不同的上下文中應用不同的樣式。下面我們將介紹如何使用 CSS 來取到當前索引值。

/* 舉例：使用選擇器:nth-child來獲取當前索引值 */
li:nth-child(n) {
/* 這里的 n 將是當前元素的索引值 */
}
/* 通過 :nth-child 來選擇每一項，如下所示 */
li:nth-child(1) {
/* 這里的1代表第一項，也就是當前元素的索引值 */
}
/* 使用選擇器:last-child來獲取最后一個元素的索引值 */
li:last-child {
/* 當前元素為最后一個元素時，這里的樣式將會生效 */
}
/* 通過:last-child 可以選擇最后一項，如下所示 */
li:last-child(2) {
/* 這里的 2 代表倒數第二個元素，也就是當前元素的索引值 */
}

另外一種方式是使用 CSS 變量。CSS 變量可以在元素中設置一個自定義屬性，在其他位置使用時可以非常方便地調用這個屬性的值。通過設置自定義屬性，在元素中存儲當前元素的索引值。這種方法可以更加靈活地控制樣式。

/* 在元素中設置自定義屬性 index */
li {
--index: calc(var(--i) + 1);
/* 在此假設變量 --i 已經在外部定義并賦值為 index 值減去1 */
}
/* 通過使用 var 關鍵字在其他位置取出 index 屬性的值 */
li:not(:first-child)::before {
content: var(--index);
}

總之，獲取當前索引值是在 CSS 中非常重要的一個功能，可以讓我們更加靈活地控制元素的樣式。