CSS中相邻兄弟选择器怎么用-创新互联

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

创新互联凭借专业的设计团队扎实的技术支持、优质高效的服务意识和丰厚的资源优势,提供专业的网站策划、网站设计制作、网站建设、网站优化、软件开发、网站改版等服务,在成都10余年的网站建设设计经验,为成都上1000家中小型企业策划设计了网站。

可选择紧接在另一个元素后的元素,且二者有相同的父级元素 下面代码中,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://abwzjs.com/article/gcgeh.html