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://bzwzjz.com/article/ghssci.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 阿坝网站设计 成都网站建设 外贸网站设计方案 营销网站建设 成都响应式网站建设 网站设计 网站设计制作 成都响应式网站建设 app网站建设 广安网站设计 成都响应式网站建设公司 成都网站建设 成都定制网站建设 成都网站建设 定制网站制作 成都网站制作 成都网站设计公司 网站建设方案 成都网站制作 成都定制网站建设 重庆网站建设 成都网站建设