复合选择器-第五天

复合选择器

• 精确选中要修改的元素
• 后代选择器
• 子代选择器
• 交集选择器
• 并集选择器

后代选择器

• 根据HTML标签的嵌套关系,选择父元素后代中满足条件的元素
• 选择器1 选择器2

子代选择器

• 根据HTML标签的嵌套关系,选择父元素子代中满足条件的元素
• 选择器1>选择器2

并集选择器

• 同时选择多组标签,设置相同像是
• 选择器1,选择器2

交集选择器

• 选中页面中同时满足多个选择器标签

• 选择器1选择器2

• 交期选择器中如果有标签选择器,标签选择器必须要写在最前面

伪类选择器

• :hover鼠标悬停设置样式

emmet语法

记忆	示例	效果
标签名	div	<div></div>
类选择器	.red	<div class="red"></div>
id选择器	#one	<div id="one"></div>
交集选择器	p.red#one	<div class="red" id="one"></div>
子代选择器	ul>li	<ul><li></li></ul>
内部文本	ul>li	<ul><li>我是li的内容</li></ul>
创建多个	ul>li*3	<ul><li></li><li></li><li></li></ul>