当前位置: 首页 > 面试题库 >

CSS类名称/选择器中哪些字符有效?

桓喜
2023-03-14
问题内容

CSS 类选择器中允许使用哪些字符/符号?
我知道以下字符 无效 ,但是哪些字符 有效

~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | ` #

问题答案:

您可以直接在CSS语法中进行检查。

基本上, 1,名称必须以下划线(_),连字符(-)或字母(a
z)开头,后跟任意数量的连字符,下划线,字母或数字。有一个陷阱:如果第一个字符是连字符,第二个字符必须2是字母或下划线,并且名称必须至少2个字符长。

-?[_a-zA-Z]+[_a-zA-Z0-9-]*

简而言之,从W3C规范中提取的先前规则转化为以下规则。:

在CSS中,标识符(包括选择器中的元素名称,类和ID)只能包含字符[a-z0-9]和ISO 10646字符U +
00A1及更高版本,以及连字符(-)和下划线(_) ; 它们不能以数字开头,也不能以连字符后接数字开头。标识符还可以包含转义字符和任何ISO
10646字符作为数字代码(请参阅下一项)。例如,标识符“ B&W?” 可以写为“ B \&W \?” 或“ B \ 26 W \ 3F”。

以连字符或下划线开头的标识符通常保留给特定于浏览器的扩展名,如中所述-moz-opacity

1由于包含转义的unicode字符(没有人真正使用过),这一切都变得更加复杂。

2请注意,根据我链接的语法,以两个连字符(例如)开头的规则--indent1无效。但是,我很确定我已经在实践中看到了这一点。



 类似资料:
  • 本文向大家介绍css的常用选择器有哪些?相关面试题,主要包含被问及css的常用选择器有哪些?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: id选择器,类选择器,伪类选择器等

  • 本文向大家介绍CSS选择符有哪些?哪些属性可以继承?相关面试题,主要包含被问及CSS选择符有哪些?哪些属性可以继承?时的应答技巧和注意事项,需要的朋友参考一下 1.id选择器( # myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul > li) 6.后代选择器(li a) 7.通配符选择器( * ) 8.

  • 本文向大家介绍CSS 类名选择器,包括了CSS 类名选择器的使用技巧和注意事项,需要的朋友参考一下 示例 类名选择器选择具有目标类名的所有元素。例如,类名称.warning将选择以下<div>元素: 您还可以将类名称更具体地组合到目标元素。让我们以上面的示例为基础,展示更复杂的类选择。 的CSS 的HTML 在此示例中,具有.warning类的所有元素将具有蓝色文本颜色,具有.important类

  • 本文向大家介绍CSS选择器有哪些,优先级呢?相关面试题,主要包含被问及CSS选择器有哪些,优先级呢?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: id 选择器,class 选择器,标签选择器,伪元素选择器,伪类选择器等 同一元素引用了多个样式时,排在后面的样式属性的优先级高; 样式选择器的类型不同时,优先级顺序为:id 选择器 > class 选择器 > 标签选择器; 标签之间存在层级包

  • 本文向大家介绍CSS选择器有哪些?哪些属性可以继承?相关面试题,主要包含被问及CSS选择器有哪些?哪些属性可以继承?时的应答技巧和注意事项,需要的朋友参考一下 选择器 通配符 id class 标签 后代选择器 子选择器 兄弟选择器 属性选择器 伪类选择器 伪元素选择器 可以继承的属性 font-size font-weight font-style font-family color

  • 问题内容: 关键字名称,JavaScript对象或JSON字符串中是否有任何禁止的字符?还是需要转义的字符? 更具体地说,我想在键名中使用“ $”,“-”和空格。 问题答案: 否。任何有效的字符串都是有效的密钥。只要您能逃脱它,它甚至可以拥有: 在将此类值加载到某些语言(尝试将键与对象字段名称关联)时,您可能会遇到困难。我不知道有任何这样的情况。