链接伪类选择器

伪类选择器:向某些选择器选择特殊的效果
类选择器以.开头
伪类选择器以:开头

链接伪类选择器
链接伪类选择器
链接伪类选择器
顺序不能颠倒:lv hao(lv的包,好 )
实际的开发种只用到的hover:
链接伪类选择器

浏览器通过历史记录来判断一个链接是否被访问过;
由于涉及到隐私问题,所以使用visited伪类只能设置字体颜色;
hover和active也可以为其他元素设置,ie6不支持对超链接之外的元素使用hover和active。
链接伪类选择器
文本框获取焦点之后,设置背景颜色为黄色,当鼠标点击文本框后,背景颜色改变。
链接伪类选择器
链接伪类选择器
给段落设置样式:
链接伪类选择器
链接伪类选择器
具体前面和后面的位置如下
链接伪类选择器
10.属性选择器:
链接伪类选择器
链接伪类选择器
下面这个既得有title属性,还得符合title属性里面的值,双引号尽量加上
链接伪类选择器
链接伪类选择器
链接伪类选择器
链接伪类选择器
11.子元素选择器:
链接伪类选择器
链接伪类选择器
选择父元素的第一个子元素,且其为p元素。
链接伪类选择器
body的第一个子元素为p元素,和div的第一个元素为p元素都改变样式了。
链接伪类选择器
这样的话限定是body的第一个子元素为p标签的元素;
同理p:last-child意思是选定父元素的最后以一个子元素,且子元素为p元素;
链接伪类选择器
:nth-child(参数)—这个参数指明第几个子元素,也可以是odd和even.
:first-of-type/:last-of-type/:nth-of-type和这三个很类似,它不是指第一个位置,指的是第一个p类型的元素。
12.相邻选择器(后一个兄弟选择器)
相邻选择器,就是选中该元素的下一个(紧挨着,不能隔开)兄弟元素,在这里注意一点,相邻选择器的操作对象是该元素的***同级***元素。
语法:前一个+后一个
链接伪类选择器
“#father+div{…}”表示选择“id为father的元素”的相邻的下一个兄弟元素div
链接伪类选择器
13.选中所有的兄弟元素:
前一个~后面所有
链接伪类选择器
14.否定伪类:
链接伪类选择器
链接伪类选择器
链接伪类选择器
15.样式的继承
链接伪类选择器
链接伪类选择器
后代元素继承了祖先元素的样式,但是背景相关的样式不会继承。
链接伪类选择器
链接伪类选择器
链接伪类选择器
为什么颜色都变了呢?是因为例如上图的background-color的背景样式,是没有继承性的,默认为透明色,设置了div标签为红色,子标签为透明色,所以颜色被透过来了。
7、群组选择器
群组选择器,就是同时对几个选择器进行相同的操作。
说明:
对于群组选择器,两个选择器之间必须用“,”(英文逗号)隔开,不然群组选择器无法生效。
链接伪类选择器
链接伪类选择器
链接伪类选择器