后代选择符
h1 em {color: red;}
选择子元素
选择的em元素是h1元素的直接子代
h1 > em {color: red;}
选择紧邻同胞元素
选择的p元素紧跟在h1元素后面,而且二者同属一个父元素
h1 + p {margin-top: 0;}
选择后续同胞
选择的p元素在h1元素后面,不一定是紧邻,而且二者同属一个父元素
h1 ~ p {margin-top: 0;}
举例
html > body table + ul {margin-top: 0px;}
选择的ul元素紧跟在身为同胞的table元素后面,这个table元素是body元素的后代,而body是html的子元素。