父元素
子元素
祖先元素
后代元素
后代选择器:
选中某个元素的后代
语法:祖先元素 后代元素{
样式声明
}
通过标签选择器选中、class、id
特点:
1、祖先元素选择器和后代元素选择器之间必须有一个空格
2、只会选中后代元素,祖先元素不受样式声明的影响
子元素选择器:
选中某个元素的子元素
语法:
父元素>子元素{
样式声明
}
特点:
1、必须使用>来分隔父元素和子元素
2、只会选中直接后代,不会隔代选中
3、并集选择器
作用:选中所有声明的元素
语法:
选择器1,选择器2,选择器3,...选择器n{
}
特点:
1、选择器之间必须使用逗号分隔
2、会选中页面上满足任意一个选择器的元素
4、交集选择器
作用:选择同时满足所有选择器声明的元素
语法:选择器1选择器2选择器3...选择器n{
}
特点:
1、选择器之间不可以有任何分隔
2、选中同时满足多个选择器的元素