css整理－01选择器和继承

元素

• 元素形式： 替换，非替换
• 元素类型： 块级，行内
• 列表是特殊的块级元素，它会生成一个标记符

样式表

• 候选样式表： rel='alternative'
• @import导入样式表，必须在style的开头；结构可以为

<style type='text/css'>
  @import url(a.css) print;
<style/>

• 注释： /**/

选择器

• 关键字一般用空格分开，一种特殊情况就是，设置字体大小和行高

font: large/150% sans-serif;

• 属性选择器：一般就是完全串匹配；也可以多个一起p[attr=a][class=b]
• 部分属性选择器：
  • [foo~=bar]:包含
  • [foo*=bar]:包含子串
  • [foo^=bar]:开头
  • [foo$=bar]:结尾
• 伪类和伪选择器：为文档中不一定具体存在的结构指定样式，或为某些元素的状态所指示的幻像类指定样式
  • 链接伪类： :link, :visited ;不适用于没有指定href的锚元素
  • 动态伪类： :focus, :hover ,:active ;
  • 伪类顺序： link-visited-focus-hover-active
  • 静态伪类： :first-child, 根据语言选择，:lang(fr)
  • 伪元素选择器： :first-letter,:first-line,:before,:after

选择器特殊性（层叠）

• !important: 特殊
• 内联：1，0，0，0
• ID ：0，1，0，0
• 类，属性选择，伪类：0，0，1，0
• 元素，伪元素：0，0，0，1
• 结合符和通配符：0，0，0，0

继承

• 有些属性不能继承，如大多数框属性
• 继承的属性没有特殊性

层叠

• 特殊性越高的元素，权重越大
• 越后出现，权重越大
• 有!important的权重高于没有的
• 通常的顺序声明链接样式：LVHA