为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景:

p~ul{

background:#ff0000;

快乐生活

  • 生活
  • 生活
  • 生活

p~ul 选择前面有

元素的每个

  • 元素。

“~”的定义和用法

p~ul选择器 p之后出现的所有ul。

两种元素必须拥有相同的父元素,但是 ul不必直接紧随 p。

css中“>”是css3特有的选择器,A>B 表示选择A元素的所有子B元素。

与A B的区别在于,A B选择所有后代元素,而A>B只选择一代。

.a,.b{逗号指相同的css样式};

.a .b{空格指后代元素};

.a>.b{大于号指子代元素};

.a+.b{这个“+”是选择相邻兄弟,叫做“相邻兄弟选择器”

如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。

例如,如果要增加紧接在 h1 元素后出现的段落的上边距,可以这样写:

h1 + p {margin-top:50px;}

这个选择器读作:“选择紧接在 h1 元素后出现的段落,h1 和 p 元素拥有共同的父元素”。};

html中加号用什么表示什么意思,css中“~”(波浪号)、“,”(逗号)、 “ + ”(加号)和 “ ”(大于号)是什么意思?...相关推荐

  1. min-width、max-width属性中min-content、max-content的含义,css中minmax()用法、1fr单位的含义----使页面具有相应性的属性以及属性值

    min-width.max-width属性中min-content.max-content的含义,css中minmax()用法.1fr单位的含义 min-width 表示容器的最小宽度 max-wid ...

  2. css4个伪元素,CSS_CSS3中的content属性使用示例,CSS中主要的伪元素有四个:befo - phpStudy...

    CSS3中的content属性使用示例 CSS中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个conte ...

  3. CSS中定义多个链接样式,在CSS中定义【导航栏】超链接样式

    1.案例css代码 .divcss5 a:link{ color:#F00}/* 链接默认为红色 */ .divcss5 a:hover{ color:#000}/* 鼠标悬停黑色 */ .divcs ...

  4. html中如何修改表格标题栏,如何设置css中表格标题caption标签的位置

    如何设置css中表格标题caption标签的位置 发布时间:2020-07-13 10:26:45 来源:亿速云 阅读:182 作者:Leah 这篇文章运用简单易懂的例子给大家介绍如何设置css中表格 ...

  5. C++/Python中两个小于号或两个大于号的作用

    两个小于号或大于号的作用在C++和Python中相同,所以在此只讲述一个例子. 以C++运行环境为例: << (数字) 表示二进制左移多少位 >> (数字) 表示二进制右移多少 ...

  6. html5中背景图片的大小怎么调,css中怎么改变背景图片大小?

    在CSS中,想要改变背景图片的大小,可以通过设置background-size属性来实现.下面本篇文章就来给大家介绍一下使用background-size属性改变背景图片大小的方法,希望对大家有所帮助 ...

  7. html中选择字体的元素,深入探讨CSS中字体元素

    深入探讨CSS中字体元素 更新时间:2006年09月25日 00:00:00   作者: 字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所 ...

  8. 在html中加入中文字体,中文字体在CSS中的写法整理

    中文字体在CSS中的写法整理 发布时间:2013-10-30 17:33:18   作者:佚名   我要评论 在CSS中不能出现中文字体,解决办法就是把这些中文字体名字转换成英文名,下面简要的为大家介 ...

  9. html chrome中引入外部字体,强制Chrome在CSS中使用外部字体

    您可以重命名CSS中的字体,仍然使用远程woff文件.例如: @font-face { font-family: 'RobotoBis'; font-style: normal; font-weigh ...

最新文章

  1. 技术图文:双指针在链表问题中的应用
  2. kappa一致性检验教程_SPSS在线_SPSSAU_Kappa一致性检验
  3. eclipse 设置豆沙绿保护色,保护眼睛
  4. Paint the Tree CodeForces - 1244D(看似是树,其实是条链)
  5. P2012-拯救世界2【EGF】
  6. 用脚本判断用户传参的参数是否有对应的进程在运行并把结果显示给用户
  7. linux php7 替换,linux-shell-命令替换和变量替换
  8. 51 单片机 建立 文本文件_笔记系列之单片机原理及应用1
  9. 利用Python进行百度文库内容爬取(一)
  10. 比较热门的物联网服务器的使用
  11. 设计模式之职责链模式(责任链模式)
  12. MPS柔性生产线加工实训系统QY-JDYT34
  13. Photoshop2018安装
  14. JS正则表达式匹配手机号
  15. android系统旧版本下载安装,我的世界旧版下载安装-我的世界老版本下载手机版-乐游网安卓下载...
  16. 模电(二)半导体二极管
  17. 使用crow E-R图描述数据库关系
  18. linux的基本指令--第三节
  19. Ubuntu 22.04安装搜狗输入法
  20. 单选按钮属性:value、name、checked

热门文章

  1. python彩票分析,一顿瞎统计
  2. java模块化架构启动,邮储银行Java笔试
  3. 如何计算RLC电路的品质因数Q
  4. 【转】追问《我的团长我的团》
  5. 碉堡的SQlite like查询
  6. day16、3 - ICMP协议
  7. Ubuntu14.0.4 64位安装ADT问题
  8. 任正非要华为08年上市?华为不能够上市吗?解密华为IPO迷局
  9. 【LeetCode - 855】考场就座
  10. android 活体检测方案,一种基于人脸识别认证的Android红外双目活体检测的制作方法...