博客
关于我
强烈建议你试试无所不能的chatGPT，快点击我
CSS-选择器6-兄弟选择器
阅读量：6585 次
发布时间：2019-06-24

本文共 353 字，大约阅读时间需要 1 分钟。

1、兄弟选择器

选择器 例子 例子描述 CSS
element+element div+p 选择紧接在 div 元素之后的所有 p 元素。 2
element1~element2 div~p 选择在div元素之后的所有p元素。 3

2、效果演示

    
         CSS相邻兄弟选择器        
p1    
     
      div1
     
    
p2    
     
      div2
     
    
p3    
     
      div3
     
    
p4    
     
      div4
     
    
p5    
     
      div5

运行效果：

image.png

如果使用 ** div~p** 运行效果：

image.png

转载地址：http://bpano.baihongyu.com/

你可能感兴趣的文章
windows管理员利器之用Log Parser Studio分析IIS日志(附逐浪CMS官方命令集）
查看>>
SpringMVC之HandlerMapping的使用
查看>>
扩展Microsoft Graph数据结构 - 架构扩展
查看>>
ubuntu14.04 安装 搜狗输入法
查看>>
黄聪：visual studio 2017编译运行出现脚本发生错误等问题如何解决？
查看>>
【Windows】Dos中的日期的和时间
查看>>
mongodb学习笔记
查看>>
Java虚拟机（Java Virtual Machine）
查看>>
java泛型的作用和好处
查看>>
amazeui学习笔记二（进阶开发5）--Web 组件开发规范Rules
查看>>
kernel: swapper: page allocation failure. order:1, mode:0x20
查看>>
Oracle VM VirtualBox各种显示模式切换 热键
查看>>
大型网站技术架构(四)--核心架构要素
查看>>
swift 类型备份
查看>>
Android关闭USB的ADB调试和文件传输功能（禁用USB）【转】
查看>>
Git 常用命令总结
查看>>
数据仓库之数据模型
查看>>
centos7: vsftpd安装及启动: ftp配置（以虚拟用户为例）
查看>>
vue里的nextTick回调函数
查看>>
通通玩blend美工（7）——简约而不简单的块
查看>>
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！-- 愿君每日到此一游！
当前时间: 2025-01-23 07:55:22   当前IP: 3.145.109.231   联系邮箱:javaeecc@qq.com     Copyright © 2020 - 2022 baihongyu.com 京ICP备2021015314号-2
强烈建议你试试无所不能的CHAT-GPT，快点击我
强烈建议你试试无所不能的CHAT-GPT，快点击我