CSS复合选择器（十一）

CSS复合选择器

1.1 后代选择器

• 概念：

  后代选择器又称为包含选择器

• 作用

  用来选择元素或元素组的子孙后代

• 其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，先写父亲爷爷，在写他的后代。

  父级 子级{
  	属性1:属性值1;
  	属性2:属性值2;	
  }
  

  .class h3{
    	color: red ;
  	font-size:16px;
  }
  

1.2 子元素选择器

• 作用：

  子元素选择器只能选择作为某元素**子元素(亲儿子)**的元素。

• 其写法就是把父级标签写在前面，子级标签写在后面，中间跟一个>进行连接

  .class>h3{
  	color: red ;
  	font-size:14px;
  }
  

1.3 交集选择器

• 条件：

  交集选择器由两个选择器构成，找到的标签必须满足:既有标签一的特点，也有标签二的特点。

	比如:    **p.one**     选择的是:     **类名为.one**    的段落标签。

1.4 并集选择器

• 并集选择器（CSS选择器分组）是各个通过,连接而成的，通常用于集体声明。

• 语法：

• 任何形式的选择器（包含标签选择器、class类选择器、id选择器等），都可以作为并集选择器的一部分。

1.5 链接伪类选择器

• a:link 未访问的链接
• a:visited 已访问的链接
• a:hover 鼠标移动到链接上
• a:active 选定的链接

总结：