前端学习(六)

选择器(越短越好):

1.元素选择器,作用:选中所有元素.语法:元素{};    

2.ID选择器,作用:通过元素ID值选中唯一元素,语法:  #ID{};作用覆盖;

3.内选择器:做用:通过元素class属性,选择多个元素(组);语法:  .class属性值;作用叠加;注:用空格隔开多个class名.

4.选择器分组:通过选择器分组可同时选中多个选择器对应的元素.语法: 选择器1,选择器2,选择器N{};

5.通配选择器,选中页面中所有元素,语法:  *{}.

6.复合选择器(交集选择器),选择满足多个选择器的元素,语法:  选择器1选择器2选择器N{}(ID选择器不推荐复合)

[父元素:直接包含子元素的元素;子元素:直接被父元素包含;祖先元素:直接或间接包含后代元素的元素;后代元素:直接或间接被包含祖先元素的元素;兄弟元素:拥有相同父元素的元素.]

7.后代元素选择器:指定元素的指定后代,,语法:祖先元素 后代元素{}或 父元素>子元素{}(该方式IE6以后版本不兼容)

伪元素:表示一些特殊位置的元素,如first-line,first-letter,p:before{},或p:after{},可使用content属性.

属性选择器:

title属性,当鼠标移动到该处时会有提示,选择器语法:[title]{},[title="值"]{},[title]^="值"{}(选取特定值开头的元素),[title$="值"]{}(选取特定结尾值),[title*="值"]{}(选取含有特定值)