回顧選擇器
萬用字元、元素、類、id、後代
新增基本選擇器
子元素、相鄰兄弟元素、通用兄弟、群組
1、概念：只能選擇某元素的子元素
2、語法格式：父元素》子元素 (father>children) – 只能是兒子，孫子一下都不可以
3、相容性：ie8+、firefox、chrome、opera、safari
1、概念：可以選擇緊接在另乙個元素後的元素，而且他們具有乙個相同的父元素
2、語法：元素+兄弟相鄰元素
3、相容：ie8+ chrome safari opera firefox
1、概念：某元素後面的所有兄弟，而且他們具有乙個相同的父元素
2、語法：元素~後面所有兄弟元素
3、相容：ie8+ chrome safari opera firefox
1、概念：具有相同樣式的元素分組在一起，每乙個選擇器之間用逗號, 分隔開
2、語法：元素1，元素2，。。。。元素n
3、相容：ie6+ chrome safari opera firefox
1、概念：對帶有指定屬性的html元素設定樣式，你可以指定元素的某個屬性，或者你也可以同時同時指定屬性名和屬性值
2、語法：元素[屬性attribute]
3、相容：ie8+ chrome safari opera firefox
元素[屬性=「屬性值」]
1、概念：屬性名=屬性值
2、相容：ie8+ chrome safari opera firefox
元素[屬性~=「屬性值」]
1、概念：屬性名包含屬性值的元素
2、相容：ie8+ chrome safari opera firefox
元素[屬性^=「屬性值」]
1、概念：屬性名以屬性值開頭的所有的元素
2、相容：ie8+ chrome safari opera firefox
元素[屬性$=「屬性值」]
1、概念：屬性名以屬性值結尾的所有的元素
2、相容：ie8+ chrome safari opera firefox
元素[屬性*=「屬性值」]
1、概念：屬性名包含屬性值的所有的元素
2、相容：ie8+ chrome safari opera firefox
元素[屬性|=「屬性值」]
1、概念：選擇屬性名=屬性值或者以屬性值-開頭的元素
2、相容：ie8+ chrome safari opera firefox
動態偽類 – 錨點偽類，使用者行為偽類
ui元素狀態偽類
css3結構類
否定選擇器
偽元素
動態偽類
ui元素狀態偽類
1、概念：我們把 :enabled :disabled :checked這一類偽類稱為ui元素狀態偽類
2、相容：ie9+ chrome safari opera firefox
結構類1、我們把css3裡的:nth選擇器稱之為：css3結構類
2、:first-child :last-child :nth-child(n) :nth-last-child
3、:nth-of-type :nth-last-of-type :first-of-type :last-of-type
4、:only-child :only-of-type :empty
:first-child
選擇屬於其父元素的首個子元素的每個element元素
:last-child
屬於父元素的最後乙個子元素的每個element元素
:nth-child(n)
1、匹配屬於其父元素的第n個子元素，不論元素型別
2、關於引數（n）
number – 選擇某元素下的第number個element元素 1 2 3 4.。。
n(從0開始) 乙個簡單的表示式 2n 2n+1 2n-1 odd奇數 even偶數
:nth-last-child(n)
匹配屬於其父元素的第n個子元素，不論元素的型別，從最後乙個開始計算
:nth-of-type()
匹配屬於父元素的特定型別第n個子元素的每個元素
:nth-last-of-type(n)
匹配屬於父元素的特定型別第n個子元素的每個元素，從最後乙個子元素開始計算
區別：1、type 指定元素型別
2、child 不限制元素型別
：first-of-type
匹配屬於父元素的特定型別第n個子元素的首個子元素的每個元素
：last-of-type
匹配屬於父元素的特定型別第n個子元素的最後乙個子元素的每個元素
:only-child
匹配父元素的唯一子元素的每個元素
:only-of-type
匹配屬於父元素的特定型別的唯一子元素的每個元素
empty
匹配沒有子元素（包括文字節點）的每個子元素
否定選擇器（:not）
1、選擇器匹配非指定元素/選擇器的每個元素 – 表示除了這個元素，其他都可以選中
2、父元素:not(子元素/子選擇器)
3、相容性：ie9+
1、什麼是權重：
權重是乙個決定哪種規則生效，或者優先順序的過程；
2、等級
行內樣式（style=」」 1000）>id選擇器（100）>類、屬性選擇器、偽類選擇器（10）>元素和偽元素(1)>*(0)
3、帶有上下文關係的選擇器比單純的元素選擇器權重更高
4、css基礎部分的優先順序
1、概念：向選擇器設定的特殊效果
2、語法格式：元素：：偽元素
3、相容性： ie9+
::first-line
1、對第一行文字進行格式化
2、注意點：first-line只能用於塊狀元素 div section header
::first-letter
1、用於向文字的首字母設定特殊樣式
2、注意點：first-line只能用於塊狀元素 div section header
::before
1、在元素的內容前面插入新內容
2、常用content配合使用
3、特點：第乙個子元素 行級元素 內容通過content寫入
::after
1、內容之後插入新內容
2、常用於content配合使用
3、多用於清除浮動
::selection
1、用於設定瀏覽器中選中文字後的樣式設定
2、::selection在ie中必須ie9+可以，在火狐中必須加上字首"-moz"
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
css3 選擇器 CSS3選擇器詳解
css3在css2基礎上，增強或新增了許多特性，彌補了css2的眾多不足之處，使得web開發變得更為高效和便捷。比如說，同樣是乙個頭像，可能在低版本的瀏覽器中，頭像方的 在高版本的瀏覽器中，頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題，為了避免因相容性帶來的干擾...
css3學習筆記 css3選擇器
e attr 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 e attr val 屬性選擇器 css ul,li lihtml class linksitem id...