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

eq(n)

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

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

在上述代碼中，我們使用eq(2)來選取第3個(gè)li元素，因?yàn)閚從0開始計(jì)數(shù)，所以2表示第3個(gè)元素。

:nth-child(n)

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

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

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

:nth-of-type(n)

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

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

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

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

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

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