层次选择器-学思创

层次选择器:

子集选择器

格式:父级元素名称+">"+子级元素名称+{声明块}

例子: div>p{color:red;}

后代选择器

格式:祖先元素名称+空格+后代元素名称+{声明块}

例子: div p{color:red;}

兄弟选择器

格式: A元素名称+"+"+B元素名称+{声明块}

例子: div+P{color:red;}

注:选择A元素后紧邻的B元素,AB之间不许有其他元素.

通用选择器

格式:同级元素A+"~"+同级元素B+{声明块}

例子: div~p{color:red;

注:表示选择与A元素同级别的所有B元素(B的位置是在A后面)