CSS 选择包含加号“+”的类

2024-06-25

如何通过包含加号的类名选择元素+?

E.g.

.frme_150+1 {background-position: 150px 1px;}

使用JavaScript改变加值,可以使用吗+选择器名称中的字符?


你需要escape http://mathiasbynens.be/notes/css-escapes加号,因为它有一个特殊意义 http://www.w3.org/TR/CSS21/syndata.html#characters在 CSS 中,通过使用前导反斜杠\ 如下 http://mothereff.in/css-escapes#0frme_150+1:

.frme_150\+1 {
    background-position: 150px 1px;
}

工作演示 http://jsfiddle.net/hashem/965Jt/1/.

或者逃避'+' to '\2b ' http://jsfiddle.net/hashem/965Jt/3/ or '\00002b' http://jsfiddle.net/hashem/965Jt/2/(六位十六进制数字)

另外,您可以通过使用来实现这一点CSS 属性选择器 https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors:

[class="frme_150+1"] { background-position:150px 1px; }

工作演示 http://jsfiddle.net/hashem/965Jt/.

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

CSS 选择包含加号“+”的类 的相关文章

  • 如何在Center中设置WebView内容?

    我正在 WebView 中加载一些 HTML 内容 但它总是出现在我的 WebView 的左上角 我也尝试使用样式表 在样式表中我添加了与中心相关的标签 但它没有位于中心 样式表中的其他标签工作正常 如何设置WebView中的内容垂直和水平
  • ie7-8 的 Rem 后备

    我在所有 现代 网站中使用 rem 单位 为了使其与 ie7 8 兼容 我使用了 less 函数 font size 10 输出 font size 10px font size 1rem 由于我使用 rem 来处理实际的所有内容 宽度 顶
  • CSS 改变悬停时的背景颜色

    为什么这不起作用 div class homePrizes div class homeCredit 1250 Points div div class homePrize Prize1 div div CSS homePrizes cle
  • 简单的 Material UI 对话框示例有不需要的滚动条

    我有一个包含网格的简单 Material UI 对话框 它有一个滚动条 即使屏幕足够大以包含整个内容 也可以滚动几个像素
  • 表格行分成两页(打印媒体)

    I have a table which is OK in web pages but when printing my table ctrl p it breaks not the way I want The last row of t
  • 将箭头添加到 SVG 描边动画

    我正在尝试获取包含 SVG 徽标的动画箭头 我使笔划动画正常工作 但我不确定如何使箭头位于该线的前面 我想要实现的一个例子是https stackoverflow com questions 45545887 how to animate
  • PrimeFaces 覆盖我的自定义 CSS 样式

    我正在尝试创建 PrimeFaces命令按钮不同颜色的 在我的样式表中 我有这样的内容 styleGreen background color 009900 font family Arial Helvetica sans serif 组件
  • 如何仅将背景颜色设置为选择的一部分? CSS

    我有这个样本 link https jsfiddle net 852aseb0 3 代码 HTML div class select style div
  • Firefox 选择元素将文本缩进值加倍

    今天我发现了一个奇怪的问题 似乎是 Firefox 35 0 中的一个错误 当指定一个text indent财产为select元素 Firefox 似乎将像素值加倍 其他浏览器正确显示缩进 有没有解决方法可以避免这种情况 我被迫使用text
  • HTML输入日期,如何减少日期和图标之间的间距?

    我需要压缩输入类型日期 所以我尝试将宽度设置为 120px 问题是有一个space日期数字和输入日期图标之间 我需要减少或删除该空间 有没有办法做到这一点 我的代码 顺便说一句 我正在使用 bootstrap 4
  • 如何在 .css 文件中使用 php 变量

    我有一个名为test css我想用它 var var is at test php test css附于test php 我的结构是这样的 test php 这是 test css test css
  • webkit-font-smoothing:chrome 和 safari 中的结果突然不同

    我曾经在两个 webkit 浏览器 Chrome 和 Safari 中都有相同的输出 但突然之间 我不知道我可以改变什么 Chrome 中的渲染看起来很糟糕 这是我的html li class cat item term term work
  • 如何使CSS导航栏在窗口向下滚动时不移动?

    在我的网站上 我的背景图像始终保持居中 导航始终水平保持在同一位置 因此水平尺寸并不重要 它始终位于同一位置 我使用以下方法做到了这一点 nav list style none position fixed right 50 margin
  • 通过删除顶部和底部的空间来添加段落中的行高

    我正在尝试使用 css 在段落中添加行高 下面是我的html div p Lorem ipsum dolor sit amet oratio doctus his an Nisl saperet delenit ad eos his ero
  • CSS 向后/反向过渡

    我想知道是否有任何方法可以使用相同的 CSS 过渡实例来向前移动然后向后 反向移动 例如 假设我有这样的转变 webkit keyframes fade transition from opacity 0 to opacity 1 以及这次
  • 如何正确编写 CSS 属性选择器来提取所有 id 属性?

    情况 我目前正在尝试在 VBA 中使用语法重现属性选择器 attr 来自给出的 CSS 选择器练习here https www w3schools com cssref trysel asp 选择器旨在根据给定属性的值选择元素 预期结果 在
  • 如何在不使用 Flexbox 的情况下水平对齐元素?

    有没有一种方法可以在不使用的情况下将 Web 组件彼此相邻对齐Flexbox 我知道它是一个很棒的工具 但不幸的是它不适用于 IE 9 或 10 我希望链接内的文本显示在图像旁边 JSFiddle 显示了工作代码 但是使用 FlexBox
  • HTML 文本下方的白点

    我在网站上的输出在文本下方有点 为什么会出现以及如何删除它 HTML p align center font size 4 5 color 979C91 a href customer html span class fa fa penci
  • mat-table 自动调整列宽以适应更大的内容

    我有一个垫表 我想自动调整列宽 任何人都将与最长的列内容一样长
  • Bootstrap 面板主体,内有表格

    我有一个引导面板 单击图标即可折叠并自动关闭 该面板内部包含一个全宽的表格 但只有在没有任何内容时才看起来像这样panel body 例如 这张桌子横跨面板的整个宽度和高度 看起来不错 但如果我可以有一个围绕桌子的类 我会更喜欢 但是 如果

随机推荐

  • 如何根据 PHP 代码或 URL 方向的变化激活 CSS 属性?

    我使用 PHP 数组更改网站中的语言lang 当用户单击链接来更改网站的语言时 我希望此链接保持 按下 或更改为不同的颜色 以便用户知道他 她所在的网站版本 在这种情况下如何激活 CSS 属性 通用 php
  • 使用 Office Automation 时检查挂起的 Office 进程

    有没有办法在使用 Office Automation 时检查 Microsoft Office 进程 即 Word Excel 是否挂起 另外 如果进程挂起 有没有办法终止它 首先我要说的是 我不建议在服务器上的服务中执行此操作 但我会尽力
  • 在Numpy数组中如何找到一个值的所有坐标

    如果我想找到所有 3D 数组中最大值的坐标 如何找到它们 到目前为止 这是我的代码 但它不起作用 我不明白为什么 s set elements np isnan table numbers table elements biggest fl
  • GDI+支持图形加速吗?

    我正在尝试使用 C 和 Win API 为 Windows 平台编写屏幕保护程序 为了渲染图形 我使用 GDI 但问题是渲染带有少量动画 淡入和淡出 的 png 变得非常 CPU 繁重 所以我想知道是否有办法为 GDI API 启用 GPU
  • 使用 NetworkStream.WriteAsync 检测错误

    如果我在调用后杀死我的服务器Login完成后 调用时不会引发异常stream WriteAsync data 0 data Count 已完成 并且返回的任务中没有错误指示 那么 我应该如何检测错误呢 当然 应该有一些迹象表明我试图通过已挂
  • 在 JavaScript 中查找内容是否具有当前网站 url

    我正在使用 TinyMCE 作为编辑器 我想执行移动验证和 URL 验证 什么是不允许的 描述中不允许输入手机号码 仅允许在描述框中输入相同的应用程序 URL 如果用户输入其他网站网址 则会引发验证错误 我使用下面的代码来验证移动设备和 u
  • 是否可以从父级覆盖 iFrame 中的 javascript?如果是这样怎么办?

    我在我们的一款触摸屏应用程序中使用 Telerik RadSpell 控件 我已经设法将其样式设置得恰到好处 但是该死的东西使用 window alert 和 window confirm 来提示用户是否想要保留更改等 我想禁用这些警报 而
  • 将 Linq to SQL 代码迁移到 .Net Core

    我们有一些使用 Linq to SQL 作为 ORM 的遗留代码 我们希望将此逻辑迁移到 Net Core 以便我们可以将其放置在 Linux 服务器上 据我所知 L2S 不包含在 Net Core 中 阻力最小的迁移路径是什么 如果您使用
  • 将巨大的 xml 参数传递给存储过程的最佳方法

    实际上我正在尝试通过一个巨大的Xml到我的存储过程 但我总是得到一个输出of memory exception 因为我想通过string其大小限制为 2G 那么这样的事情有没有办法呢 不要使用XmlDocument 将 DOM 完全加载到内
  • 在 WebView 中捕获 Flash 内存不足错误?

    当加载某些 swf文件到一个WebView 在 Flash 文件开始显示后的一瞬间 我的应用程序因 Signal 11 故障而关闭 我看不到任何异常 LogCat 转储示例位于此处 http pastebin com drx0ckT9 加载
  • 由于某种原因,reCaptcha 呈现在最右下角

    我的 ajax 表单带有 recaptcha 简化的代码
  • 如何确定卷是否支持垃圾箱?

    我正在编写一个将删除文件的应用程序 如果该卷支持 垃圾箱 文件夹 我想将文件移动到那里 否则只需删除它们 这可能只是我的搜索魔力让我失败 但我找不到如何做到这一点 这里的目的是做类似的事情 伪代码 if itemURL on volume
  • Web Api 2 Post - UrlHelper.Link 不得返回 null

    我有一个基本的 Web API 2 设置和一些基本的路由 以下是插入的默认路线和帖子 当我调用该帖子时 记录已在数据库中完美创建 但 CreatedAtRoute 调用返回 500 错误 指出 ExceptionMessage UrlHel
  • 不明确的类型变量

    相关我之前关于遍历数据结构的问题 https stackoverflow com questions 1855371 avoiding boilerplate when dealing with many unrelated types 当
  • 如何在 MacOS 上的 MARS 中打开保存的 .asm 文件

    我是 MIPS 的新手 我找不到如何打开我保存的文件 我在下载文件夹下保存了 asm 文件 但是当我尝试在 MARS 中打开文件并导航到同一下载文件夹时 asm 文件不会出现 我在 MacOS 上使用 MARS 如上所述 您需要在 macO
  • java.lang.ClassNotFoundException:sun.misc.Cleaner

    当使用 Undertow 1 4 20 作为嵌入式 Servlet 引擎 时 在 Java 9 下运行我们的应用程序时出现此异常 java lang ClassNotFoundException sun misc Cleaner 原因是这条
  • 使用 Java 创建 plist

    有没有一种简单的方法可以用Java创建plist 结果应该与 Objective C 中序列化字典相同 The PList http code google com p xmlwise source browse trunk src mai
  • 为什么在 haskell 中不带括号不可能进行负数相乘

    乘法5 3在 haskell gchi 中给了我一个错误 但乘以5 3 工作正常 为什么需要括号 ghci GHCi version 7 4 1 http www haskell org ghc for help Loading packa
  • Nativescript:使用 Sidekick 传输 mp3 文件

    我正在制作一个使用 nativescript audio 的简单应用程序 我想在该应用程序中播放一些 mp3 样本 问题是 当我在 Sidekick 中单击 在设备上运行 时 它不会传输我包含在应用程序文件夹中的任何 mp3 文件 因此我无
  • CSS 选择包含加号“+”的类

    如何通过包含加号的类名选择元素 E g frme 150 1 background position 150px 1px 使用JavaScript改变加值 可以使用吗 选择器名称中的字符 你需要escape http mathiasbyne