CSS组合选择符

1、后代选取器(以空格分隔)

后代选取器匹配所有指定元素的后代元素

div p 
{ 
background-color:yellow; 
}

2、子元素选择器(以大于号分隔)

子元素选择器(Child selectors)只能选择作为某元素子元素的元素

div>p 
{ 
background-color:yellow; 
}

3、相邻兄弟选择器(以加号分隔)

相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素

div+p 
{ 
background-color:yellow; 
}

4、普通兄弟选择器(以波浪号分隔)

普通兄弟选择器选取所有指定元素的相邻兄弟元素

div~p 
{ 
background-color:yellow; 
}

发表评论