这次实验主要熟悉css中的后代选择器:nth-child,nth-of-type , >, (空格), + 之类的用法:
复合选择器:
后代选择器: p span {
font-size: 14px;} 选择p元素的所有子孙元素中的span元素
子女选择器: p>span {
font-size: 14px;} 选择p元素的所有子女元素中的span元素
组合选择器: p#start {
font-size: 14px;} 选择id为start的p元素(交集)
群组选择器: em, .even {
font-size: 14px;} 选择em元素或者类名为even的元素
相邻兄弟选择器: h1 + p {
color:red;} 选择h1之后的相邻兄弟元素(必须为p元素
后续兄弟选择器: h1 ~ p {
color:red;} 选择在 h1之后所有兄弟元素中的p元素
否定选择器: