伪类
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 时则该样式将会获得一个最高的优先级,将会优先于所有的样式甚至超过内联样式,但在开发中尽量 避免使用这个。
前端H5初学笔记(二)
最新推荐文章于 2024-09-15 00:30:13 发布