CSS 中的 + 是什么意思? [复制]

2023-12-04

什么是+这个CSS规则是什么意思?

h2 + p { 
  font-size: 1.4em; 
  font-weight: bold;
  color: #777; 
} 

+ is the 相邻兄弟组合器.

这意味着选择器h2 + p只选择p那来了之后立马 an h2.

举例说明:

<h2>Headline!</h2>
<p>The first paragraph.</p>  <!-- Selected [1] -->
<p>The second paragraph.</p> <!-- Not selected [2] -->

<h2>Another headline!</h2>
<blockquote>
    <p>A quotation.</p>      <!-- Not selected [3] -->
</blockquote>

已选择的内容和未选择的内容:

  1. Selected
    This p就在第一个之后h2.

  2. 未选中的
    This p发生在第一个之后ph2。因为它并不立即遵循h2,它没有被选中。

    然而,由于它仍然遵循h2元素,只是不是立即,选择器h2 + p不会匹配这个元素,但是h2 ~ p将,使用通用兄弟组合器反而。

  3. 未选中的
    This p位于一个blockquote,并且没有h2在引号内之前以满足其选择器的要求。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS 中的 + 是什么意思? [复制] 的相关文章

随机推荐

  • 如何将通用枚举转换为 int?

    我有一个如下所示的小方法 public void SetOptions
  • 如何使用 R 将向量作为行附加到已保存的 .RData 文件中

    这个问题有点不言自明 但我应该补充一点 我不想加载该文件 我正在寻找类似的东西append TRUE为了保存一个 RData文件 我想做这样的事情 save df file mtcars Rda append TRUE 这是一个可重现的示例
  • Flexbox 影响溢出换行行为

    看看这个片段 这就是如何overflow wrap break word应该管用 wrap overflow wrap break word div class wrap div class a first div div div clas
  • 如何按照每个数字出现频率的降序排列数组?

    Input 5 13 6 5 13 7 8 6 5 输出 5 5 5 13 13 6 6 7 8 问题是按照频率降序排列数组中的数字 并保留它们出现的顺序 如果存在平局 如本例中的 13 和 6 之间 则输入数组中第一个出现的数字将出现在输
  • Tizen-sdk-for-wearable-setup 由于 JAVA HOME 导致的安装问题

    系统配置 OS Windows 8 System type 64 bit Operating System x64 based processor 我已经安装了 java 8 并将 JAVA HOME 设置为 C Program Files
  • 将文件保存到我的文档

    我想创建一个程序 将 bmp 图片保存到我的文档中并使用该图片作为壁纸 到目前为止 我成功地创建了该程序 并且它的符文非常好 但有一个问题 我不知道如何将bmp文件保存到我的文档中 每台计算机都有不同的路径 请帮助我找到一种方法来找到我的文
  • 为什么此代码会导致数据争用?

    1 package main 2 3 import time 4 5 func main 6 m1 make map string int 7 m1 hello 1 8 m1 world 2 9 go func 10 for i 0 i l
  • 如何使用Java Scanner读取非英文字符?

    那里 我正在制作这个应用程序来更改字幕文件 当我测试它时 我遇到了一个奇怪的问题 当我在非英语 例如波斯语 上测试它时 程序不会读取文件 这就是我在程序中阅读字幕的方式 Scanner sub null try sub new Scanne
  • 用于转换 kbt-y102_9999_0001v-s001v => N1v-s1v 的正则表达式

    我正在寻找一个正则表达式来转换字符串 例如 kbt y102 9999 0001v s001v into N1v s1v kbt y102 gt ignore everything until first underscore 9999 g
  • 如何在 pandas groupby 中移动整个组

    给出以下数据 data a 1 1 1 8 8 3 3 3 3 4 4 df pd DataFrame data 我现在想将整个事情向下移动 ngroups 以便保留它们当前的顺序 n 1 的移位所需的输出为 desired output
  • 如何以xamarin形式获取意图活动结果

    我正在尝试使用依赖项服务来启动在我的 xamarin 表单应用程序中启用 BT 的意图 但我发现很难将结果返回到 xamarin 形式 是否有任何机制可以将活动结果通知返回到表单应用程序 在形式上 DependencyService Get
  • RSelenium rsDriver 对等 SSL 证书问题

    我正在尝试学习使用 RSelenium 我只是尝试使用 rsDriver 启动服务器 我只是尝试运行下面的代码并收到以下错误 rD lt rsDriver checking Selenium Server versions BEGIN PR
  • 如何在 Python 中解密 AWS Ruby 客户端加密

    AWS 的 S3 SDK for Ruby 允许对文件进行客户端 信封 加密 它是客户端密钥的 AES CBC ECB 加密组合 其中信封密钥和初始化向量存储在元数据中 我有一位 Ruby 开发人员 他对 S3 存储桶中的各种文件进行了加密
  • 检查给定路径的文件或文件夹是否存在

    我让用户将路径作为字符串传递 A path可能是这样的 C someFolder C someFolder someFile C someFolder someFile jpg 我想检查给定的路径是文件还是文件夹 如果是文件 我想检查它是否
  • python AccessInit:散列冲突:对于 1 和 1 都是 3 是什么意思?

    我有 4 个 python 文件 我从 PHP 运行第一个调用其他文件的 python 文件 但出现此错误 AccessInit hash collision 3 for both 1 and 1 这是什么意思 Here 谈论同一个模块以不
  • junit 条件拆卸

    我想在我的 junit 测试用例中进行有条件的拆卸 例如 Test testmethod1 condition to be tested Teardown teardown method here 在拆解中我想要一个像这样的条件 if pa
  • Python 上麦克风的 Wav 文件

    我的项目是使用麦克风进行说话人识别 我正在使用 speeh recognition 库来提取麦克风音频 但该对象的类是 speech recognition AudioData 我不知道如何将其转换为 wav 文件 例如为了使用 libro
  • 在 PHP 中比较两个 unicode 字符串

    我一直在比较 PHP 中的两个 unicode 字符串 它们都包含特殊字符 一根弦来自 GET 另一个是文件系统的文件夹名称 scandir 两根弦似乎都对我来说是相等的 使得 var dump filter var dump tail k
  • 错误:您的计算机在命令行中缺少 cygintl-2.dll

    我在 Windows 8 电脑上使用命令行 输入 ls 命令后 出现以下错误 ls exe 系统错误 该程序无法启动 因为您的计算机缺少 cygintl 2 dll 尝试重新安装该程序来解决此问题 实际上 我已经用谷歌搜索并观看了一些视频
  • CSS 中的 + 是什么意思? [复制]

    这个问题在这里已经有答案了 什么是 这个CSS规则是什么意思 h2 p font size 1 4em font weight bold color 777 is the 相邻兄弟组合器 这意味着选择器h2 p只选择p那来了之后立马 an