鏈接偽類選擇器
主要有以下幾類：
a:link 未訪問(wèn)鏈接時(shí)屬性
a:visited 訪問(wèn)后的屬性
a:hover 鼠標(biāo)放上去時(shí)的屬性
a:active 點(diǎn)擊后的屬性
代碼示例：
a:link {color: red}
a:visited; {color: yellow}
a:hover {color: blue}
a:active {color: orange}
<a href='#'> 這是一個(gè)a標(biāo)簽 </a>
結(jié)構(gòu)偽類選擇器
:first-child 第一個(gè)節(jié)點(diǎn)
:last-child 最后一個(gè)節(jié)點(diǎn)
:nth-child(n) 順數(shù)第幾個(gè)節(jié)點(diǎn)（2n則表示順數(shù)所有偶數(shù)位節(jié)點(diǎn)）
:nth-last-child（n）逆著數(shù)第幾個(gè)節(jié)點(diǎn)（2n表示逆數(shù)所有偶數(shù)節(jié)點(diǎn)）
代碼示例：
li:first-child {color: red }
li:last-child {color: red}
li:nth-child(2n) {color: red}
li:nth-last-child(2n) {color: red}
<ol>
<li> 第一個(gè)節(jié)點(diǎn) </li>
<li>第二個(gè)節(jié)點(diǎn)</li>
<li>第三個(gè)節(jié)點(diǎn)</li>
<li>第四個(gè)節(jié)點(diǎn)</li>
<li>第五個(gè)節(jié)點(diǎn)</li>
</ol>
目標(biāo)偽類選擇器
代碼示例
:target { color: red; }
<a href='#lianjie1'> 跳轉(zhuǎn)鏈接</a>
<h1 id='lianjie'>target</h1>
|
