伪类 a:link 未访问过的链接。 a:visited 访问过的链接,浏览器通过历史记录判断一个链接是否访问过,由于涉及到用户的隐私问题,所以visited伪类只能设置字体颜色。 :hover 鼠标移入的状态。 :active 超链接被点击的状态。 四个标签顺序不能改变,lvha。
:hover和:active也可以为其他元素设置,但在IE6中不支持。
:focus 获取焦点。 :before 指定元素前,一般before需要结合content样式一起使用,通过content给before或者after位置添加内容。 :after 指定元素后。 ::selection 选中的元素,在火狐中使用方式为::-moz-selection ,并且这种形式只支持火狐。
伪元素 使用伪元素表示元素中的一些特殊位置。 :first-letter 为第一个元素设置一个特殊的样式。 :first-line 为元素中的第一行赊着特殊的样式。
属性选择器 语法: [属性名] 选取含有指定属性的元素。 [属性名=”属性值”] 选取含有指定属性值的元素。 [属性名^=”属性值”] 选取属性值以指定内容开头的元素。 [属性名$=”属性值”] 选取属性值以指定内容结尾的元素。 [属性名*=”属性值”] 选取属性值包含指定内容的元素。
子元素伪类 :first-child 选中第一个子元素。 :last-child 选中最后一个子元素。 :nth-child() 选中任意位置的子元素,在该选择器指定参数,even表示偶数位置的子元素,odd表示奇数位置的子元素。 :first-of-type() 、 :last-of-type() 、 :nth-of-type() 与child的区别是child是在所有的子元素中排列,而type是在当前类型的子元素中排列。
兄弟选择器 语法: 前一个元素 + 紧挨着的后一个元素 前一个元素 ~ 后边所有的元素
否定伪类 作用:可以从已选中的元素中剔除出某些元素。 语法: :not(选择器)
样式继承 背景、边框、定位相关的样式都不会被继承。
选择器优先级 内联样式:1000 id选择器:100 类和伪类:10 元素选择器:1 通配*:0 继承的样式没有优先级 当包含多种选择器时,需要将多种选择器的优先级相加再进行比较。 选择器优先级不会超过他最大的数量级,如果选择器的优先级一样则使用靠后的样式。 在样式的最后设置 !important 时则该样式将会获得一个最高的优先级,将会优先于所有的样式甚至超过内联样式,但在开发中尽量 避免使用这个。