link之家
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
相关文章推荐
|
爱喝酒的皮带 · javascript ...· 1 年前 · |
|
|
气势凌人的打火机 · IOS XMPP总结 - 守望星空 - 博客园· 1 年前 · |
|
|
爱喝酒的草稿纸 · 第25课 - # 和 ## 操作符使用分析 ...· 2 年前 · |
|
|
有腹肌的黄花菜 · java - Error "A JNI ...· 2 年前 · |
JSF正在将一个输入字段的ID设置为
search_form:expression
。我需要在该元素上指定一些样式，但是在浏览器中，冒号看起来像是一个伪元素的开头，所以它被标记为无效并被忽略。有没有办法转义冒号之类的？
input#search_form:expression {
///...
}
5 个回答
高票数
最新
Wayne
修改于2008-09-23 16:58
得票数
7
您可以使用反斜杠对其进行转义
input#search_form\:expression {
///...
}从 CSS Spec
4.1.3字符和大小写
以下规则始终适用：
所有CSS样式表都不区分大小写，但不受CSS控制的部分除外。例如，HTML属性"id“和"class”、字体名称和URI的值是否区分大小写超出了本规范的范围。特别要注意的是，元素名称在HTML中不区分大小写，但在XML中区分大小写。在CSS中，标识符(包括元素名称、类和选择器中的ID)只能包含字符a-z0-9和ISO 10646个字符U+00A1或更高的字符，加上连字符(-)和下划线(_)；它们不能以数字开头，也不能以连字符后跟数字。标识符还可以包含转义字符和任何ISO 10646字符作为数字代码(参见下一项)。例如，标识符"B&W?“可以写成"B\&W\?“或“B\26W\3F”。请注意，Unicode是按代码等效于ISO 10646的代码(请参阅UNICODE和ISO10646)。
在CSS 2.1中，反斜杠()字符表示三种类型的字符转义。首先，在字符串中，反斜杠后跟换行符被忽略(即，字符串被认为既不包含反斜杠也不包含换行符)。
其次，它取消了特殊CSS字符的含义。任何字符(十六进制数字除外)都可以用反斜杠进行转义，以消除其特殊含义。例如，“\”是一个由一个双引号组成的字符串。样式表预处理器不能从样式表中删除这些反斜杠，因为这会改变样式表的含义。
第三，反斜杠转义允许作者引用他们不能轻易放入文档中的字符。在这种情况下，反斜杠后面最多跟六个十六进制数字(0..9A..F)，表示具有该数字的ISO 10646 (ISO10646)字符，该数字不得为零。(在CSS 2.1中没有定义，如果样式表包含Unicode代码点为零的字符会发生什么情况。)如果0-9a-f范围内的字符跟在十六进制数字之后，则需要明确数字的结尾。有两种方法可以做到这点：
使用空格(或其他空格字符)：“\26B”("& B“)。在这种情况下，用户代理应将"CR/LF“对(U+000D/U+000A)视为单个空格字符。通过恰好提供6个十六进制数字："\000026B“("&B")实际上，这两种方法可以组合在一起。十六进制转义后只有一个空格字符被忽略。请注意，这意味着转义序列后的“真实”空格本身必须转义或加倍。
如果数字超出Unicode允许的范围(例如，"\110000“高于当前Unicode允许的最大10FFFF )，UA可以用”替换字符“(U+FFFD)替换转义。如果要显示该字符，则UA应显示一个可见符号，例如"missing character“字形(参见15.2，第5点)。
注意:在允许的情况下，反斜杠转义总是被认为是标识符或字符串的一部分(即，"\7B“不是标点符号，即使"{”是标点符号，并且"\32“允许在类名的开头，即使"2”不是)。标识符"te\st“与"test”完全相同。
jeremyh
修改于2015-02-17 23:01
得票数
94
在许多版本的IE (特别是6和7；可能是其他版本)中，在冒号前使用反斜杠不起作用。
解决方法是使用冒号的十六进制代码-即\3A
示例：
input#search_form\3A expression { }它适用于所有浏览器:包括IE6+ (可能是更早的版本？)，火狐，Chrome，Opera等等。它是 CSS2 standard 的一部分。
naugtur
回答于2010-02-09 19:42
得票数
4
我在冒号上也遇到了同样的问题，我无法更改它们(无法访问输出冒号的代码)，我想用jQuery的CSS3选择器来获取它们。
我把它放在这里，因为它可能对某些人有帮助
input[id="something:something"]
在jQuery选择器中工作得很好，在样式表中也可以工作(可能会有浏览器问题)
Mathias Bynens
修改于2012-03-30 17:05
得票数
10
This article 会告诉你如何转义CSS中的任何字符。
现在，甚至有一个工具可以解决这个问题： http://mothereff.in/css-escapes#0search%5fform%3Aexpression
这个问题的所有其他答案都是错误的。您需要转义下划线(以防止IE6在某些边缘情况下完全忽略规则)和冒号字符，选择器才能在不同的浏览器中正常工作。
从技术上讲，冒号字符可以转义为
\:
，但这在IE < 8中不起作用，因此您必须使用
\3a
#search\_form\3a expression {}
mbokil
修改于2014-02-25 03:11
得票数
0
我在ADF框架中工作，我经常需要使用JQuery来选择元素。这种格式适用于我。这也适用于IE8。
$('[id*="gantt1::majorAxis"]').css('border-top', 'solid 1px ' + mediumGray);
页面原文内容由
sblundy、BoltClock、Wayne、Mathias Bynens、jeremyh、sholsinger、Merlyn Morgan-Graham、Andrew、naugtur、mbokil
提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/122238
复制
所属 标签
css
jsf
css-selectors
相似 问题
- 如何使元素水平居中 得票数 4743
- 在CSS中设置单元格边距和单元格间距？ 得票数 3553
- 是否有CSS父选择器？ 得票数 3658
- 带有类的第一个元素的CSS选择器 得票数 1149
- android中的Asyntask 得票数 0
- Page_Load事件中的异步用户控件加载 得票数 1
- 可以将CSS应用于半个字符吗？ 得票数 3003
- 将所有列与一列匹配的条件 得票数 2
- 在GeoTools中获取坐标 得票数 1
- 使用MFA - Selenium Python登录chrome时的过时元素 得票数 1
关注
腾讯云
开发者
公众号
将获得
10元无门槛代金券
洞察腾讯核心技术
剖析业界实践案例
Copyright © 2013 - 2023 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号： 粤B2-20090059 深公网安备号 44030502008569
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
扫码关注腾讯云开发者
领取腾讯云代金券
推荐文章
|
|
气势凌人的打火机 · IOS XMPP总结 - 守望星空 - 博客园 1 年前 |