CSS獲取第n個元素的方法有很多種，其中一種比較常見的方法是使用HTML中的<ul>和<li>標簽，通過遍歷HTML文檔中的每個<li>標簽，獲取第n個元素的CSS屬性。

下面是一種獲取第n個元素的方法：

1. 使用HTML中的<ul>和<li>標簽

在HTML文檔中，我們可以使用<ul>和<li>標簽來創建一個列表。我們可以遍歷列表中的每個元素，獲取第n個元素的CSS屬性，如下所示：

```html

<li>第一個元素</li>

<li>第二個元素</li>

<li>第三個元素</li>

<li>第四個元素</li>

<li>第五個元素</li>

<li>第六個元素</li>

</ul>

<style>

ul li:nth-of-type(n+1) {

background-color: blue;

</style>

在上面的代碼中，我們使用<ul>標簽來創建一個列表，并使用<li>標簽來創建每個元素。我們使用n+1來獲取第n個元素，表示n是數字。在上面的代碼中，我們使用style標簽來設置第n個元素的背景顏色為藍色。

2. 使用CSS類

另一種獲取第n個元素的方法是使用CSS類。我們可以使用CSS類來定義一組樣式，并使用：nth-of-type(n+1)來獲取第n個元素。

例如，如果我們使用CSS類來定義一個藍色背景的列表，如下所示：

```css

ul li:nth-of-type(n+1) {

background-color: blue;

在上面的代碼中，我們使用n+1來獲取第n個元素，表示n是數字。在上面的代碼中，我們使用：nth-of-type(n+1)來設置第n個元素的背景顏色為藍色。

3. 使用JavaScript

還有一種方法是使用JavaScript來獲取第n個元素。我們可以使用JavaScript來遍歷HTML文檔中的每個元素，并獲取第n個元素的CSS屬性。

例如，如果我們使用JavaScript來遍歷HTML文檔中的每個元素，并獲取第n個元素的CSS屬性，如下所示：

```javascript

var ul = document.getElementById('myList');

var li = ul.getElementsByTagName('li');

var count = li.length;

for (var i = 0; i < count; i++) {

var liElement = li[i];

var css屬性 = liElement.style.color;

console.log(css屬性);

在上面的代碼中，我們使用getElementById()方法來獲取HTML文檔中的<ul>標簽，并使用getElementsByTagName()方法來獲取<li>標簽中的所有元素。我們使用count變量來獲取元素的數量，并使用for循環來遍歷每個元素。我們使用liElement.style.color屬性來獲取第n個元素的CSS屬性。

以上就是三種獲取第n個元素的方法，您可以根據自己的需要選擇合適的方法。