CSS的相邻兄弟选择器用法简单讲解

网络
有那么一个人出现在你的生命里，其他人都会变成风景，只有那个人是他心口的朱砂，放在心尖上的人，再也放不下。

可选择紧接在另一个元素后的元素，且二者有相同的父级元素 下面代码中，item2和item3会有效果，而item1不会有
HTML代码：

XML/HTML Code复制内容到剪贴板
  1. <ul>
  2. <li>item1</li>
  3. <li>item2</li>
  4. <li>item3</li>
  5. </ul>

CSS代码：

CSS Code复制内容到剪贴板
  1. li+li{font-size:50px;}

1、如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器。
2、相邻兄弟选择器使用加号“+”做为连接符。

示例

XML/HTML Code复制内容到剪贴板
  1. <html>
  3. <head>
  4. <styletype="text/css">
  5. #p1+p{
  6. margin-top:50px;
  7. }
  8. </style>
  9. </head>
  11. <body>
  12. <pid='p1'>Thisisparagraph1.</p>
  13. <pid='p2'>Thisisparagraph2.</p>
  14. <pid='p3'>Thisisparagraph3.</p>
  15. <pid='p4'>Thisisparagraph4.</p>
  16. </body>
  18. </html>

到此这篇关于CSS的相邻兄弟选择器用法简单讲解就介绍到这了。精神成就事业，态度决定一切。更多相关CSS的相邻兄弟选择器用法简单讲解内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！

您可能有感兴趣的文章
CSS复合选择器的具体如何使用方法
CSS3 新增选择器的实例
CSS 样式的如何使用方式、选择器
css3 伪类选择器快速复习小结
如何使用CSS属性选择器来拼接HTML的DNA的方法