CSS属性

选择器

元素选择器

• *全选
• HTML标签
• #id 带有id对应值的HTML标签
• .class 带有class对应值的HTML标签

关系选择器

• 后代选择器 祖先元素 后代元素
• 父子选择器 父元素 > 子元素
• 普通兄弟选择器 兄弟元素 ~ 兄弟元素
• 相邻兄弟选择器 兄弟元素 + 兄弟元素

属性选择器

• 具备属性的元素 元素[属性]
• 具备特性属性值的元素 元素[属性=值]
• [属性!=值] input[name!=user]
• [属性|=值] input[name|=user]
• [属性*=值] input[name*=user]
• [属性~=值] input[name~=user]
• [属性$=值]input[name$=user]
• [属性^=值] input[name^=user]

伪类选择器

鼠标事件

• a:link 链接在鼠标未点击时候的样式
• a:visited 链接在访问后的样式
• a:hover 链接在鼠标放上去的样式
• a:active 链接在鼠标单击以及释放之间的样式
  集合
• li:first-child 父元素集合里面的第一个子元素
• li:last-child 父元素集合里面的最后一个子元素
• li:first-of-type 匹配父元素集合里面第一个为li类型的元素
• li:last-of-type 匹配父元素集合里面最后一个为li类型的元素
• li:only-child 匹配父元素集合中只有唯一的一个为li的子元素
• li:only-of-type 匹配父元素集合中只有一个类型为li的元素
• li:nth-child() 在父元素集合中选取第几个
• li:nth-of-type() 在父元素集合中选取第几个相同类型的元素
• li:nth-last-child() 在父元素集合中倒数选取第几个
• li:nth-last-of-type() 在父元素集合中倒数选取第几个相同类型的元素
  状态
• p:empty 段落在内容为空的情况下的样式
• input:checked 表单在选中的状态下的样式
• input:enabled 表单处于可操作状态的样式
• input:disabled 表单处于禁止操作状态的样式
  伪对象选择器
• :after 设置在对象后（依据对象树的逻辑结构）发生的内容。用来和content属性 一起使用，并且必须定义content属性
• :before 设置在对象前（依据对象树的逻辑结构）发生的内容。用来和content属性一起使用，并且必须定义content属性
• p:first-letter 设置对象内的第一个字符的样式,必须是块级对象
• p:first-line 设置对象内的第一行字符的样式，必须是块级对象