選擇器(越短越好):
1.元素選擇器,作用:選中所有元素.語法:元素{};? ??
2.ID選擇器,作用:通過元素ID值選中唯一元素,語法:? #ID{};作用覆蓋;
3.內(nèi)選擇器:做用:通過元素class屬性,選擇多個元素(組);語法:? .class屬性值;作用疊加;注:用空格隔開多個class名.
4.選擇器分組:通過選擇器分組可同時選中多個選擇器對應(yīng)的元素.語法:?選擇器1,選擇器2,選擇器N{};
5.通配選擇器,選中頁面中所有元素,語法:? *{}.
6.復(fù)合選擇器(交集選擇器),選擇滿足多個選擇器的元素,語法:? 選擇器1選擇器2選擇器N{}(ID選擇器不推薦復(fù)合)
[父元素:直接包含子元素的元素;子元素:直接被父元素包含;祖先元素:直接或間接包含后代元素的元素;后代元素:直接或間接被包含祖先元素的元素;兄弟元素:擁有相同父元素的元素.]
7.后代元素選擇器:指定元素的指定后代,,語法:祖先元素?后代元素{}或?父元素>子元素{}(該方式IE6以后版本不兼容)
偽元素:表示一些特殊位置的元素,如first-line,first-letter,p:before{},或p:after{},可使用content屬性.
屬性選擇器:
title屬性,當(dāng)鼠標(biāo)移動到該處時會有提示,選擇器語法:[title]{},[title="值"]{},[title]^="值"{}(選取特定值開頭的元素),[title$="值"]{}(選取特定結(jié)尾值),[title*="值"]{}(選取含有特定值)