复合选择器就是建立在基础选择器上，分为后代选择器、子选择器、并集选择器、伪类选择器等

1后代选择器**重要

又称为包含选择器 可以选择父元素里的子元素，器械法就是吧外层标签在写前面。名
内层标签写在后面。中间用空格分开，当标签发生嵌套时内层标签就成为外层标签的后代

/* 声明规范 元素1 元素2 {样式声明} 元素2 可以是儿子或者孙子级别的*/

    ol li {color: brown;}

2子选择器

子选择器只能弄儿子级别的
格式用 >

	.hh>a {color: rgb(12, 238, 68);}

效果

3并集选择器

并集选择器可以选择多组标签。同时为他们定义相同的样式
并集使用逗号分开，

    div,span,#llk>li {color: chartreuse;}

4伪类选择器

伪类用于向某些选择器添加特殊的效果比如给链接提那家特殊效果或者选择第一个第n个元素
最大的书写特点:冒号表示

CSS

 <p>a:link 选择所有未被访问的连接</p><p>a:visited选择所有已被访问的连接</p><p>a:hover选择鼠标指针为用户其上的连接</p><p>a:active选择活动链接（鼠标暗下为弹起的连接）</p><a href="#">小猪配齐</a><br><a href="#">啊实打实</a><br><a href="#">22351465</a><br><a href="#">555</a>    //当输入框获得焦点时，改变它的背景色：<input type="text" class="">文字类的标签内不能使用块级元素p或者h里面不能放div

效果

:focus 伪类选择器用于选取活的焦点的表单元素
焦点就是光标，一般情况input元素才能获取，主要针对这个选择器

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！