CSS第二天
复合选择器:更准确,更高效的选择目标。
1.后代选择器:可以选择父元素中的子元素,后代选择器最终选中的元素是子代元素→父代元素。
特点:(1)后代选择器中的元素可以是任意一种基础选择器。
(2)后代选择器用空格隔开。
2.子代选择器(子元素选择器):子元素选择器可以选择某个元素最近一级的子元素(亲儿子)。
****子元素选择器的选择器之间用大于号(>)分开。
3.并集选择器:选择多组标签,同时设置相同的样式(集成声明)
****并集选择器的选择器之间使用逗号(,)分开。
4.伪类选择器:链接伪类选择器:针对链接的不同状态设置不同的样式。
****伪类选择器使用单冒号(:),是在某种状态下的样式。
- 属性值: a:link : 选择所有被访问的链接。
- 属性值: a:visited :选择所有已经被访问的链接。
- 属性值: a:hover:选择鼠标指针位于其上的链接。
- 属性值:a:active:选择激活链接。(鼠标按下未抬起的链接)
- 属性值:a:focus:表单获得焦点(光标)时的状态。
(1)链接伪类选择器的书写顺序:link-visited-hover-active。
(2)在实际开发中,通常只使用链接伪类选择器中的(haver)。
(3)实际开发中要为 < a > 标签单独设置样式。