在CSS中，我們可以使用eq縮寫來簡化代碼并更快速地選取對應的元素。eq縮寫是由:nth-child()和:nth-of-type()兩個偽類組成的，下面讓我們詳細了解一下。

eq(n)

eq()用來選擇元素集合中第n個元素，n從0開始計數。例如，我們想選取一個ul中第3個li元素，可以使用以下代碼：

ul li:eq(2) {
color: red;
}

在上述代碼中，我們使用eq(2)來選取第3個li元素，因為n從0開始計數，所以2表示第3個元素。

:nth-child(n)

:nth-child()偽類用來選取作為父元素的第n個子元素，n從1開始計數。例如，我們想選取所有p元素的第4個子元素，可以使用以下代碼：

p:nth-child(4) {
font-weight: bold;
}

在上述代碼中，我們使用:nth-child(4)來選取所有p元素的第4個子元素，無論其是什么元素。

:nth-of-type(n)

:nth-of-type()偽類只選取同種類型的元素中的第n個，n從1開始計數。例如，我們想選取所有div元素的第2個同類元素，可以使用以下代碼：

div:nth-of-type(2) {
background-color: yellow;
}

在上述代碼中，我們使用:nth-of-type(2)來選取div元素的第2個同類元素，無論其是什么類型的div。

eq縮寫可以在上述三種情況下使用，例如我們想選取所有ul中第3個li元素，可以使用以下代碼：

ul li:eq(2) {
color: red;
}

使用eq縮寫后，我們可以更加簡便快捷地選擇指定元素，使代碼更簡明易讀。