偽類選擇器：CSS中已經定義好的選擇器,不能隨便取名
常用的偽類選擇器是使用在a元素上的幾種，`如a:link|a:visited|a:hover|a:active`
提示：在 CSS 定義中，a:hover 必須被置于 a:link 和 a:visited 之后，才是有效的。
提示：在 CSS 定義中，a:active 必須被置于 a:hover 之后，才是有效的。
偽元素選擇器：并不是針對真正的元素使用的選擇器，而是針對CSS中已經定義好的偽元素使用的選擇器。
CSS中有如下四種偽元素選擇器：
· first-line:為某個元素的第一行文字使用樣式；
· first-letter:為某個元素中的文字的首字母或第一個字使用樣式；
· before:在某個元素之前插入一些內容；
· after: 在某個元素之后插入一些內容；
使用方法：選擇器：偽元素{樣式}
結構性偽類選擇器
1. 四個最基本的：root、not、empty、target
2. first-child、last-child、nth-child、nth-last-child、
nth-child(odd)、nth-child(even)、nth-last-child(odd)、nth-last-child(even)
3. nth-of-type、nth-last-of-type
4. 循環(huán)使用樣式
5. only-child
:root()選擇器，從字面上我們就可以很清楚的理解是根選擇器，他的意思就是匹配元素E所在文檔的根元素。在HTML文檔中，根元素始終是<html>。“:root”選擇器等同于<html>元素
:not()選擇器稱為否定選擇器，和jQuery中的:not選擇器一模一樣，可以選擇除某個元素之外的所有元素。
:empty()選擇器表示的就是空。用來選擇沒有任何內容的元素，這里沒有內容指的是一點內容都沒有，哪怕是一個空格。
:target()選擇器來對頁面某個target元素(該元素的id被當做頁面中的超鏈接來使用)指定樣式，該樣式只在用戶點擊了頁面中的超鏈接，并且跳轉到target元素后起作用
“:first-child()”選擇器表示的是選擇父元素的第一個子元素的元素E。簡單點理解就是選擇元素中的第一個子元素，記住是子元素，而不是后代元素。
:nth-child()選擇某個元素的一個或多個特定的子元素；
:nth-last-child()從某父元素的最后一個子元素開始計算，來選擇特定的元素。
看下面一個例子：
<style type=”text/css”>
div p:nth-last-child(2){
color:red;
}
</style>
</head>
<body>
<div>
<p>前端</p>
<p>開發(fā)</p>
<p>工程</p>
<p>軟件</p>
<p>工程</p>
</div>
</body>
:nth-child()可以選擇某個的一個或多個特定的子元素，你可以按這種方式進行選擇：
新聞熱點
疑難解答
