当前阅读教程:CSS入门到精通 > 相邻兄弟选择器 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 子元素选择器 | 下一篇: 普通兄弟选择器 |
以加号分隔,相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。 实例以下实例选取了所有位于 <div> 元素后的第一个 <p> 元素 代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>相邻兄弟选择器</title> <!--定义内部样式--> <style> div+p { background-color:yellow;/*背景颜色*/ } </style> </head> <body> <p>我是div前面的p元素</p> <div> <h2>我第div元素的子元素h2</h2> <p>我第div元素的子元素p</p> </div> <p>我是div的兄弟元素(相邻兄弟,背景黄色)</p> <p>我是div的兄弟元素后面的元素</p> </body> </html> 效果图 |
|
上一篇: 子元素选择器 | 下一篇: 普通兄弟选择器 |