CSS--結構僞類選擇器

例子：<nav>
<ul>
<li>..........</li>
<li>..........</li>
<li>..........</li>
</ul>
</nav>

一、li : first-child
{定義第一個li
color：red；
}
二、li : nth-child(n）
{定義第幾個li，就在括號裏寫序號
color:blue;
}
三、 li : last-child
{定義最後一個li
color:green;
}
四、nav>ul>li : nth-last-child(n)
{定義nav下的ul下的倒數的第n項li
color:red;
}
五、nav li : nth-child(odd/2n-1)
{定義奇數列 注：變量從0開始
color：red；
}
六、nav li:nth-child(even/2n)
{定義偶數列 注：變量從1開始
color： pink；
}
七、 div p:nth-of-type(3)
{指的是div下面的第3個p標籤
color:red;
}
八、div p : only-child
{color:blue;}僅僅定義p標籤一個標籤
九、div p: empty
{color:red;}
指div下面的沒有元素內容的p標籤
十、#test>ul>li : not(:nth-child(3))
{指的是div下的ul下的第三個li不顯示綠色，其他全顯示
color:green;
}

有四個僞類選擇器接受參數n：

:nth-child(n)

:nth-last-child(n)

:nth-of-type(n)

:nth-last-of-type(n)