复合选择器.md

复合选择器

后代选择器

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

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

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

子元素选择器

• 子元素选择器只能选择作为某元素**子元素(直接子元素)**的元素

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

交集选择器

/* 选择标签是p且类名是one的元素 */
p.one{color:red}

并集选择器

/*  .one 和 p  和 #test 这三个选择器都会执行颜色为红色。   */
.one, p , #test {color: #F00;}

链接伪类选择器

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

• 写的时候，他们的顺序尽量不要颠倒 按照 lvha 的顺序。否则可能引起错误

总结

选择器	作用	特征	使用情况	隔开符号及用法
后代选择器	用来选择元素后代	是选择所有的子孙后代	较多	符号是空格 .nav a
子代选择器	选择 最近一级元素	只选亲儿子	较少	符号是 > .nav>p
交集选择器	选择两个标签交集的部分	既是 又是	较少	没有符号 p.one
并集选择器	选择某些相同样式的选择器	可以用于集体声明	较多	符号是逗号 .nav, .header
链接伪类选择器	给链接更改状态		较多	重点记住 a{} 和 a:hover 实际开发的写法