/* 选择器格式:element + selector */ p + span { color: red; }
上述代码中,大家使用了后面元素选择器来选择紧接在p元素之后的span元素。任何在p元素之后的第一个span元素都会应用红色的文本颜色。
/* 同级后面所有选择器 */ h2 ~ p { font-size: 16px; }
以上代码将选择每个h2元素后面的所有同级p元素,并将它们的字体大小设置为16px。
后面元素选择器提供了一种强大的方式来精确地选择DOM树中的元素,并让样式更具针对性。但是,大家要注意选择器的复杂度。选择器越复杂,性能就越低,因此大家应该尽量简化选择器。