在CSS中，我們可以使用多種方法來選擇頁面中的第三個li元素，以下是一些常見的方法：

1、使用偽類選擇器：

我們可以使用:nth-child偽類選擇器來選擇第三個li元素。

```css

li:nth-child(3) {

/* 你的樣式 */

}

```

2、使用JavaScript：

如果我們需要在JavaScript中操作第三個li元素，可以使用以下代碼：

```javascript

var thirdLi = document.querySelector('li').children[2]; // 假設li元素有***少3個子元素

// thirdLi指向第三個li元素

```

3、通過類名或ID：

給第三個li元素添加一個類名或ID，然后在CSS中選擇它。

```html

<li class="third-item">我是第三個li元素</li>

```

然后在CSS中選擇它：

```css

.third-item {

/* 你的樣式 */

}

```

4、使用兄弟選擇器：

如果我們想要選擇第三個li元素的所有兄弟元素，可以使用~符號：

```css

li:nth-child(3) ~ li {

/* 選擇第三個li元素的所有后續(xù)兄弟 */

}

```

5、使用相鄰兄弟選擇器：

如果我們想要選擇第三個li元素的相鄰兄弟，可以使用+符號：

```css

li:nth-child(3) + li {

/* 選擇第三個li元素的下一個兄弟 */

}

```

6、使用通用選擇器：

我們可以使用來選擇所有的li元素，然后應用樣式：

```css

li {

/* 你的樣式 */

}

```

這種方法會應用樣式到所有的li元素，但可以通過其他選擇器來覆蓋特定元素的樣式。

7、使用屬性選擇器：

如果我們可以通過某個屬性來選擇第三個li元素，可以使用屬性選擇器，假設每個li元素都有一個data-index屬性，我們可以通過該屬性來選擇第三個元素：

```css

li[data-index="2"] {

/* 選擇data-index為2的li元素 */

}

```

這些方法可以幫助你在CSS中***地選擇第三個li元素，根據(jù)你的具體需求和應用場景來選擇***合適的方法。