与后代选择器相比,子元素选择器(child selectors)只能选择作为某元素子元素的元素.
选择子元素,如果您不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子元素,
请使用子元素选择器(child selector).
如果你希望选择只作为h1元素子元素的strong元素,可以这样写:
h1>strong{color:red;}
把第一个h1下面的两个strong 元素变为红色,但是第二个h1中的strong 不受影响.
This is veryveryimportant
This is really veryimportant.
语法解释,子选择器使用了大于号(子结合符),
子结合符两边可以有空白符,这是可选的,因此,
h1 > strong h1> strong h1 >strong h1>strong
如果从右向左读,选择器h1>strong可以解释为"选择为h1元素子元素的所有strong元素."
结合后代选择器和子选择器,
上面的选择器会选择作为td元素子元素的所有p元素,这个td元素本身从table 元素继承,
该table元素有一个包含company的class 属性.