CSS 选择器中的空格

2023-12-11

在选择器中,空格可以指示后代。不过,我发现空格也可以忽略。

根据我的测试,这就是我的think它的意思是:

  • 周围可以使用空格,和上下文字符(例如+ and >).
  • 空格可能not用于伪类和元素字符(: and ::)以及属性选择器([…]).
  • 空格可能not与类和 id 字符一起使用(. and #).
  • “字符串”内的空格很重要。
  • 所有其他空格都将被忽略。这包括属性选择器内的填充。

问题是 (a) 这正式正确吗? (b) 这涵盖在哪里?


你所有的结论都是正确的。关于属性选择器中的空格存在细微差别,我的回答中对此进行了介绍这个问题.

空格可能出现或不出现的所有确切规则都包含在grammar。就语法而言,“上下文字符(例如+ and >)”,你所指的正式名称是组合器。(术语“上下文选择器”首先在 CSS1 中使用,但此后就没有出现过。)

另外请记住,分隔两个简单选择器的任何数量的连续空白字符都被视为后代组合符,这实际上是为什么在伪元素、伪类、属性选择器的分隔符周围“不允许”空白的原因之一。类选择器和 ID 选择器——因为它很重要,因此它的存在改变了选择器的含义。

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

CSS 选择器中的空格 的相关文章

  • CSS 主体宽度未填充 100%

    我正在开发一个网页 我注意到这个问题 Please post anything you get in mind it will be very helpful 检查网站here http dev mariachi com br europe
  • 有什么解决方案可以删除 Firefox 上的清除按钮 吗?

    我尝试禁用隐藏清除按钮 但没有成功Firefox But on Chrome Edge Safari效果很好 知道为什么吗 有解决办法吗 以下是CSS input type time webkit clear button display
  • 如何在 Selenium 中使用 CSS 选择器查找非根元素的直接后代?

    我正在尝试重用找到的 WebElement table 下面来搜索它的后代和直系后代 table tbody tr td div foo div td tr tr td td tr tbody table table
  • 当内容悬停时变为粗体时防止表格扩展

    我正在处理一张表格 其中一个要求是每一行在悬停时变为粗体 我可以正常工作 但是当发生这种情况时 列的宽度会发生变化 有什么办法可以防止这种情况发生吗 table width 100 border 1px solid ccc margin t
  • 仅使用 CSS 更改颜色几秒钟

    是否可以在悬停 X 秒时更改 div 的颜色 然后仅使用 CSS 返回其原始颜色 我不希望颜色之间有任何淡入或淡出 例如 如果我想在悬停时将 div 的颜色更改为黄色 1 秒 则它必须保持黄色 1 秒 然后立即返回到原始颜色 This ht
  • 溢出-x 不工作

    我正在尝试为我的画廊实现一个滑块 目前 CSS 存在溢出 x 无法正常工作的问题 我想要一个水平滑块而不是垂直滚动 这是fiddle http jsfiddle net nevinm 6H43f 请务必看一下 testimg height
  • 制作一个透明的圆形按钮,带有不透明边框和文本/字体很棒的图标

    基本上我想要一个性感的 反应灵敏的圆形按钮 它是透明的 这样你就可以通过它看到背景 但有一个不透明的轮廓 这样你就可以看到按钮和不透明的文本 或者也许我会在稍后阶段添加一个字体很棒的图标 这是我的 JS 小提琴 这样你就可以看到我正在尝试做
  • 位置固定,无顶部和底部

    我发现了有趣的功能 但找不到它发生的原因 所以 我们有固定位置元素 它位于 body 下方 第一个元素有样式 firstEl width 100 height 200px background color green 第二个元素有 fixe
  • 使整个网页着色

    How I can take any given webpage and make everything look tinted a certain color Basically if you take google and tint i
  • Position:fixed 内的position:fixed: 哪个浏览器是正确的?

    将固定元素放置在另一个固定元素内的行为在 Chrome Safari 与 Firefox 中有所不同 这个答案很好地解释了预期的行为 https stackoverflow com a 28576596 1437016对于相对 div 内的
  • 如何让 Twitter Bootstraps 移动导航栏覆盖页面上的内容而不是将其向下推?

    我正在使用 Twitter Bootstrap 并且想修改移动导航栏 以便在展开时下拉菜单覆盖页面上的内容 而不是将其向下推 我知道我可能需要制作包含 div 绝对定位 增加它的 z index 并定位外部 div 相对而言 但我似乎无法让
  • 平板电脑在第一次单击时悬停,在第二次单击时单击

    发布这个问题主要是希望证实我对该行为的怀疑 从而为其他程序员记录下来 因为我在网上没有找到任何记录 我正在构建一个网站 其导航栏具有以下属性 水平截面是 ul of li 和一些 li li s 两者都有 A n a 元素带您进入该主题 触
  • 如何使用 jQuery 选择焦点元素

    如何选择具有当前焦点的元素 没有 focusjQuery 中的过滤器 这就是为什么我们可以使用这样的东西 input focus someFunction document activeElement 将返回当前聚焦的元素 并且比使用伪选择
  • 是否可以使用 Chrome 开发者工具审核多个页面?

    我试图找出我的网站中未使用的 CSS 类 然后我发现 Chrome 开发者工具中有一个审核功能 可以标记未使用的 CSS 类 但是 它一次只能执行一页 有没有办法让它审核多个页面 以便我可以找出所有页面中未使用的 CSS 类 我知道有一个
  • 文本区域下的额外填充

    我的文本区域下面有额外的填充 但我似乎找不到它的来源 我已将单独的代码放在此页面上 http jsfiddle net wfuks http jsfiddle net wfuks 我似乎找不到它的来源 它有类 field field bac
  • 如何使单词中的每个字母在悬停时发生变化

    假设我的网站上某个段落中有一个单词 IamGreat 我希望它在悬停时更改为 Good4you 但是 我不想更改整个单词 而是希望每个字母单独更改 因此 如果我将鼠标悬停在字母 I 上 它将变成字母 G 字母 r 将变成数字 4 等 这两个
  • 自定义字体有时在 IE8 / IE7 中以斜体呈现

    在 IE7 和 IE8 中 当使用自定义 Web 字体时 文本有时会以斜体呈现 即使我明确设置font style normal 这个问题是偶发的 它会渲染几次 然后我刷新 一切都是斜体 然后我刷新 它恢复正常 我正在用这个 font fa
  • 向 Twitter Bootstrap 添加新字体系列

    我怎样才能按照他们的方式将新的字体系列添加到 twitter bootstrap 中 他们使用一种叫做 woff 的东西 我正在尝试将 roboto 添加到 css 文件中 我怎样才能像他们那样做 woff 的事情呢 font face f
  • CSS交付优化:如何推迟CSS加载?

    我在尝试着优化 CSS 交付遵循针对开发人员的谷歌文档https developers google com speed docs insights OptimizeCSSDelivery example https developers
  • CSS3 背景渐变未验证,有人可以告诉我为什么吗?里面的代码示例

    有人能告诉我为什么下面的 css 没有验证吗 我一直在尝试自己研究这个问题 但没有运气 我读过的所有文档都说这是在 css3 中进行渐变的正确原因 header color white font size 12px font family

随机推荐

  • 结合 Interlocked.Increment 和 Interlocked.Exchange

    我希望以原子方式递增静态变量 并同时以无锁方式将新值分配给实例字段 目标是让每个对象在创建时获得唯一的 递增的 id 这样两个对象就不可能获得相同的 id 下面的代码能实现这个目的吗 class MyClass private static
  • 在 Windows 服务中使用 SHFileOperation

    这是可能的 但是在 Windows 服务中使用 SHFileOperation 是否合适 shell32 dll 中的所有这些 SHxxx API 函数似乎都是根据用户级程序编写的 我可以确定 SHFileOperation 永远不会显示
  • DirectoryInfo 对象的 Length 属性

    K test 中存在空目录 New Folder gt a gci K test目录不应具有 Length 属性 让我们检查 bool a PSobject Properties Name match Length False 是的 没有
  • 访问 1x1 matlab 单元格的内容

    我不确定术语 但我已将数据从文本文件读取到 1x1 元胞数组中P 检查时P 它在 1 1 位置列出 从那里我可以双击它 它会打开我真正想要的 142x2 单元格 问题是 我不知道如何通过代码操作这些数据以将 1x1 元胞数组转换为 142x
  • Rails:多步表单上的动态选择不保持选择

    我正在按照瑞安 贝茨 Ryan Bates 的要求 为订单下达流程制定多步骤表单多步骤教程 217它使用会话 第一步 我有两个选择字段 一个用于国家 陆地 一个动态用于运输服务 选择土地后 运输服务将通过 javascript jQuery
  • 程序类型已存在:org.apache.http.auth.AuthSchemeFactory

    I used Picasso作为我的应用程序项目和聊天库的依赖项 这是我在编译代码时遇到的错误 程序类型已存在 org apache http auth AuthSchemeFactory 消息 种类 错误 文本 程序类型已存在 org a
  • 从 ggplot 检索颜色 - 值映射

    我假设 ggplot 尺度创建了某种函数来读取适当的aes值并返回colour size等等 这可以用作独立功能吗 例如 对于这个函数 我将传递必要的参数 range limits high low等 和我想要获取映射的值 函数的输出将是c
  • 如何使用 useState 挂钩在 forEach 循环中设置状态

    我想将数组 A 中的数据传输到对象 B 中 所以我做了类似 array forEach e gt setB B e 的操作 但似乎在遍历后面的元素时 以前的行动已经被 遗忘 了 我该如何实现我的目标呢 原型应该是这样的 import Rea
  • Java无法解析的日期SimpleDateFormat [重复]

    这个问题在这里已经有答案了 我有一个看起来像这样的约会 Sun Dec 29 00 24 09 CET 2019 我有一个小实用方法 可以将字符串日期从一种格式解析为另一种格式 public String formatDate String
  • Ipython bash/shell 单元魔法:我可以在单元之间拥有持久变量吗?

    这是我在 SO 上的第一篇文章 所以请告诉我我是否做错了什么 我对在 ipython 中使用不同的编程语言感兴趣 类似于 emacs org 模式下的 babel literal 编程 我喜欢 emacs org 模式的一点是 可以有多个
  • 我可以将图像作为文件而不是 data:url 存储在 Firebase 上吗?

    我想将图像存储在 firebase 上并想在某个地方使用它 我经历了这个帖子并尝试过这个演示 它将图像存储为 data url 格式 但我想将图像上传并存储为物理文件 以便我可以进一步使用它 例如这个网址http example com s
  • MvcMailer:无法在使用 Url.Action 的 Razor 视图上完成 NUnit 测试

    这是我的问题 我正在使用Mvc邮件程序使用 Razor 语法创建格式良好的电子邮件 它是一个很棒的工具 我遇到的问题是这样的 这是我发送的一封电子邮件的视图中的一些语法 p Click here to return to a href Ur
  • 如何检查 iOS 上的 React Native 应用程序的网络流量?

    I m using the latest React Native 0 18 at the time of this writing and would like to inspect the network requests my iOS
  • 在一个 Android 应用上接收来自两个 Firebase 项目的推送通知

    我有一个 Android 应用程序 我希望它能够接收来自两个不同 Firebase 项目的推送通知 我阅读了博客 在 Android 应用程序中使用多个 Firebase 项目 https firebase googleblog com 2
  • 如何在Java中获取给定类的数组类?

    我有一个Class保存某种类型的变量 我需要获取一个保存相应数组类的变量 我能想到的最好的办法是 Class arrayOfFooClass java lang reflect Array newInstance fooClass 0 ge
  • Video.play 返回 DirectShowPlayerService::doSetUrlSource:未解决的错误代码 800c000d

    使用 Qt 版本 5 4 2 返回的错误代码 DirectShowPlayerService doSetUrlSource 未解决的错误代码 800c000d 已使用视频 QML 类型编写了 QML 文件 如下所示 我在项目文件 pro 中
  • 使用带有泛型的语句:using ISet<> = System.Collections.Generic.ISet<>

    由于我使用两个不同的通用集合命名空间 System Collections Generic and Iesi Collections Generic 我有冲突 在项目的其他部分 我同时使用 nunit 和 mstest 框架 但当我调用时限
  • 为什么这个汇编程序会输出相同的字符串两次?

    此凯撒密码程序生成解密字符串 长度始终为 10 并输出为 output txt 文件 例如下面的代码创建 txt 文件 ILIKEASSEM HOWAREYOUU 但是当我运行这段代码时 该文件是 ILIKEASSEM ILIKEASSEM
  • 除以零后的余数

    我知道数学中不允许除以零 但是我可以使用零模吗 我应该得到什么答案 例如 10 0 5 0 标准将其定义为 未定义 在几乎所有处理器中 求模都是通过与除法相同的功能来执行的 在现代较大的处理器中 它是一条指令 例如 x86 大多数情况下 该
  • CSS 选择器中的空格

    在选择器中 空格可以指示后代 不过 我发现空格也可以忽略 根据我的测试 这就是我的think它的意思是 周围可以使用空格 和上下文字符 例如 and gt 空格可能not用于伪类和元素字符 and 以及属性选择器 空格可能not与类和 id