動態偽類選擇器
偽類選擇器：大家熟悉的：【:link】【:visited】【:hover】【:active】
css3的偽類選擇器分為六種：
（1）動態偽類選擇器
（2）目標偽類選擇器
（3）語言偽類選擇器
（4）ui偽類選擇器
（5）結構偽類選擇器
（6）否定偽類選擇器
注：和其它css選擇器的區別-偽類選擇器都以冒號【:】開頭
思考問題？
（1）css3偽類選擇器有什麼功能？
（2）選定元素能帶來什麼便利？
（3）錨點偽類設定遵循【愛恨原則love/hate】，即link->visited->hover->active
（4）ie6、ie7、ie8，a:link的針對性比其他3個都弱
1.2.動態偽類選擇器相容性
2.1目標偽類選擇器：用來匹配文件（頁面）的uri中某個識別符號的目標元素
標題1標題2
標題3內容1
內容2內容3
2.2目標偽類選擇器語法
注：目標偽類選擇器是動態選擇器，只有存在url指向該匹配元素時，樣式效果才會生效
2.3目標偽類選擇器瀏覽器相容性
注：目標偽類選擇器在ie8及之前版本不被支援，但ie使用者點選目錄裡的鏈結仍將跳轉到相應的標題，只是標題不會高亮顯示；ie低版本需要高亮效果要動用js
關於三角形角標記法：（統一設定transparent）
1.上下指向，左右為transparent
2.左右指向，上下為transparent
3.方向指向**，**為transparent
transition:property duration timing-function delay;
property:相當於對應的運動員
duration:相當於目標，多長時間完成
timing-function:選擇對應的跑道
delay:還要等待多久
3.1語言偽類選擇器
使用語言偽類選擇器來匹配使用語言的元素是非常有用的，特別是用於多語言版本的**，起作用更是明顯。可以使用它來根據不同語言版本設定頁面的字型風格
3.2語言偽類選擇器語法
語言偽類選擇器是根據元素的語言編碼匹配元素。這種語言資訊必須包含在文件中，或者與文件關聯，不能從css指定。
為文件指定語言，有兩種方法：
1.2.
語言偽類選擇器允許不同的語言定義特殊的規則，這在多語言版本的**用起來是特別的方便。
e(element):lang(language)表示選擇匹配e的所有元素，且匹配元素指定了lang屬性，其值是language
3.3瀏覽器相容性
注：對於ie6、ie7這些不相容的瀏覽器，我們可以引用不一樣名字的樣式表
3.4實戰
wwf's goal is to:
build a future where people live in harmony with nature
we hope they succeed.
4.1ui元素狀態偽類選擇器
主要用於form表單元素上，以提高網頁的人機互動、操作邏輯以及頁面的整體美觀，使表單頁面更具個性與品位，而且使使用者操作頁面表單更便利和簡單
4.2ui元素狀態偽類選擇器語法
ui元素狀態包括：啟用、禁用、選中、未選中、獲得焦點、失去焦點、鎖定和待機等。
html元素表單文字輸入框，分啟用和禁用；
html元素表單單選按鈕和多選按鈕，分選中和未選中；
4.3瀏覽器相容性
ie9已經可以全面支援ui元素狀態偽類選擇器了
至於ie6 ~ ie8，就得採用js庫來解決相容性問題
5.1結構偽類選擇器
結構偽類選擇器是根據元素在文件樹中的某些特性（如相對位置）定位到它們。也就是，通過文件樹結構的相互關係來匹配特定的元素，從而減少html文件對id或類名的定義，幫助你保持**乾淨和整潔；就是通過dom文件樹才獲取對應的元素
5.2結構偽類選擇器語法
讓你分清結構偽類選擇器的神器！
5.3結構偽類選擇器瀏覽器相容性
「:first-of-type」選擇器類似於「:first-child」選擇器，不同之處就是指定了元素的型別,其主要用來定位乙個父元素下的某個型別的第乙個子元素。
first-child選擇的一定是第乙個，但是first-of-type選擇的不一定是第乙個
6.1否定偽類選擇器
否定選擇器【:not()】是css3的新選擇器，型別jquery中的【:not()】，用來定位不匹配該選擇器的元素
6.2否定偽類選擇器語法
起到過濾內容的作用
6.3瀏覽器相容性
7偽元素
css2.1中用到的：【:first-line】【:first-letter】【:before】【:after】
css3對偽元素進行了調整，在之前的基礎上增加了乙個冒號【::first-line】【::first-letter】【::before】【::after】，還增加了【::selection】
瀏覽器，對這兩種方法都支援
（1）偽元素::first-letter：用來選擇文字塊的第乙個字母，eg：下沉首字母
（2）偽元素::first-line：用來選擇元素的第一行文字
（3）偽元素::before和::after：不是指存在於標記中的內容，而是可以插入額外內容的位置。儘管生成的內容不會成為dom的一部分，但它同樣可以設定樣式；要為偽元素生成內容，還需要配合content屬性
（4）偽元素::selection：用來匹配突出顯示的文字，也就是用滑鼠選中文字之後的樣式【注】::selection僅接受兩個屬性，乙個是background，另乙個是color
注：對於ie6 ~ ie8僅支援單冒號
CSS選擇器（3） 動態偽類選擇器
偽類選擇器對於大家來說最熟悉的莫過於link visited hover active，這是平時常用到的偽類選擇器。而css3的偽類選擇器可以分為6種 動態偽類選擇器 目標偽類選擇器 語言偽類選擇器 ui狀態偽類選擇器 結構偽類選擇器和否定偽類選擇器。鏈結偽類選擇器 e link 選擇匹配的e元素，...
CSS3 選擇器 偽類選擇器
e pseudo class e.class pseudo class 語法1示例 a link 語法2示例 a selected hover 動態偽類，因為這些偽類並不存在於html中,而只有當使用者和 互動的時候才能體現出來，動態偽類包含兩種。第一種是我們在鏈結中常看到的錨點偽類，如 link ...
Css3選擇器 偽類選擇器
一 動態偽類 動態偽類，因為這些偽類並不存在於html中,而只有當使用者和 互動的時候才能體現出來，動態偽類包含兩種，第一種是我們在鏈結中常看到的錨點偽類，如 link visited 另外一種被稱作使用者行為偽類，如 hover active 和 focus 對於 hover在ie6下只有a元素支...