*
#first
"first"
>
我是id選擇器div
>
不推薦使用id選擇器
以為id是唯一性的且不能共享 容易與js衝突
.second
class
="second"
>
我是類選擇器div
>
類選擇器是使用次數最多的選擇器
他可以共享使用切不會衝突
.second div
class
="second"
>
我是類選擇器
>
我是後代選擇器div
>
div>
只要是（「second」）的後代都會跟隨父元素的改變而改變
.one,.two
class
="one"
>
我是並集選擇器div
>
class
="two"
>
我想一起變色div
>
注意點：兩個類名之間需要新增英文模式下的,
div.c2
>
>
我是兒子1div
>
class
="c2"
>
我是兒子2div
>
class
="c3"
>
我是兒子3div
>
div>
舉例說明：
既是div又是 c2才會變
>
我是父元素
class
="c2"
>
我是兒子2div
>
class
="c2"
>
我是兒子3
class
="c2"
>
我是孫子3
div>
div>
只有親兒子變 其餘不變
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
CSS3常用選擇器
概念 子元素選擇器只能選擇某元素的子元素 語法格式 父元素 子元素 father children 相容性 ie8 firefox chrome safari opera 概念 相鄰兄弟選擇器可以選擇緊接在另一元素後的元素，而且他們具有乙個相同的父元素 語法格式 元素 兄弟相鄰元素 eelement...
css3 選擇器 CSS3選擇器詳解
css3在css2基礎上，增強或新增了許多特性，彌補了css2的眾多不足之處，使得web開發變得更為高效和便捷。比如說，同樣是乙個頭像，可能在低版本的瀏覽器中，頭像方的 在高版本的瀏覽器中，頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題，為了避免因相容性帶來的干擾...