CSS3中,下一个兄弟元素可以通过“+”符号来选择。该符号用于选择一个元素后面紧接的第一个同级元素。
p + span { color: red; }
上述代码会选择紧接在p元素后面的第一个 标签,并将其颜色设置为红色。
需要注意的是,如果p元素后面没有同级的 标签,则不会有任何效果。
这种选择器非常实用,在多种场合下都能派上用场。例如,在表单中,我们可以使用它选择表单元素的标签,然后将这些标签的颜色修改为红色,从而增加表单的可读性。
label + input { color: red; }
上述代码选择 标签紧接在 标签后面的第一个元素,并将其颜色设置为红色。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did245711