CSS(层叠样式表)之复合选择器

交集选择器

由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格,如h3.one,表示:类名为one的h3标签

并集选择器

div, p, span ,.one{}

常用于集体声明

后代选择器

子孙后代都可以选择,即选择任何包含在内的标签

写法:把外标签写在前面,内层标签写在后面,中间用空格分隔。

div  p {}   /*指选中div标签包含着的全部p标签*/

子元素选择器

子元素选择器只能选择作为某元素子元素的元素,不包含其孙子以及更里级的元素。

写法:父级标签写在前面,子级标签写在后面,中间跟一个>进行连接,注意,符号左右两侧各保留一个空格。

.div > h3 {}  /*div标签中的直接子元素h3,不包含孙子以外的,只能是亲儿子*/

你可能感兴趣的:(CSS(层叠样式表)之复合选择器)