CSS中相邻兄弟选择器怎么用

这篇文章主要介绍CSS中相邻兄弟选择器怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联2013年开创至今,先为安源等服务建站,安源等地企业,进行企业商务咨询服务。为安源企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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

           
  • item1
  •        
  • item2
  •        
  • item3
  •   

CSS代码:

li+li { 
font-size
: 
50px
; }

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

示例

  
  
  
      
        #p1 + p {   
            margin-top: 50px;   
        }   
      
  
  
  
    This is paragraph 1.

       This is paragraph 2.

       This is paragraph 3.

       This is paragraph 4.

        

CSS中相邻兄弟选择器怎么用

以上是“CSS中相邻兄弟选择器怎么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


当前名称:CSS中相邻兄弟选择器怎么用
本文地址:http://csdahua.cn/article/ghssci.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流