当前阅读教程:CSS入门到精通 > 普通兄弟选择器 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 相邻兄弟选择器 | 下一篇: 语法应用:CSS 对齐 |
以破折号分隔,后续兄弟选择器选取所有指定元素之后的相邻兄弟元素。 实例以下实例选取了所有 <div> 元素之后的所有相邻兄弟元素 <p> 代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>普通兄弟选择器</title> <!--定义内部样式--> <style> div~p { background-color:yellow;/*背景颜色*/ } </style> </head> <body> <p>之前段落,不会添加背景颜色。</p> <div> <p>段落 1。 在 div 中。</p> <p>段落 2。 在 div 中。</p> </div> <p>段落 3。不在 div 中。(div的相邻兄弟,背景黄色)</p> <p>段落 4。不在 div 中。(div的相邻兄弟,背景黄色)</p> </body> </html> 效果图 |
|
上一篇: 相邻兄弟选择器 | 下一篇: 语法应用:CSS 对齐 |