css 选择器选择数字开头或特殊字符开头的class和id_Code_LT的博客

解决办法：

假设我们要选择：

css提供了一种叫做规避（escape）的写法,可以实现数字开头命名的选择：

1. 首先获取字符的十六进制转码数，以3为例：

python：

hex(ord('3'))
#输出 '0x33'

console.log('3'.charCodeAt().toString(16)); // 输出 33

2. 构造选择器，有两种方法

（1）斜杠（\）十六进制转码数加空格：.\33 -d

(2) 斜杠（\）加四个0,加十六进制转码数：.\000033-d （个人喜欢用这种方法）

ele.query_selector(".\\33 -d")# 要转义，所以多加一个斜杠
ele.query_selector(".\\000033-d")# 要转义，所以多加一个斜杠
https://medium.com/front-end-weekly/css-selector-for-element-which-have-numbers-as-class-name-b6a089989199 
CSS Syntax Module Level 3 
Which characters are valid in CSS class names/selectors? - GeeksforGeeks 
                    问题背景：HTML5之前，class和id的命名是不支持以数字开头的，但从HTML5开始就支持了。然而css中有效的类名需要满足以下条件：有效名称应以下划线 (_)、连字符 (-) 或字母 (a-z)/(A-Z) 开头，后跟任何数字、连字符、下划线、字母。	不能以数字开头	名称的长度至少应为两个字符	不能以两个连字符或连字符后跟数字开头解决办法：假设我们要选择：&lt;a class='3-d'&gt;css提供了一种叫做规避（escape）的写法,可以实现数字开头命名的
				昨晚在看《响应式Web设计：html5和css3实战》时，书中提到“HTML5中的ID指可以用数字开头”。这个还真不知道，于是测试了一下，发现了问题。
在H5描述中是这样说的：
在css样式表中，不能正常使用，但在js中可以正常使用。所以慎用！
在css中使用数字开头ID对比效果：
在js中可以正常使用。
转载于:https://www.cnblogs.com/eoff/p...
    [attr$="val"]
    [attr*="val"]
这3种属性选择器是字符匹配，而非单词匹配。其中，尖角符号^、美元符号$以及星号*都是正则表达式中的特殊标识符，分别表示前匹配、后匹配和任意匹配。
利用这些选择器，纯CSS就可以做出很炫酷的功能。
<!– more –>
显示超链接的小图标和文件类型图表
利用[attr^="val"]前匹配选择器可以判断<a>元素的链接地址类型，以用来显示对应的小图标。显示超链接的小图标的样式如下：
[href] {padding-left: 18px;}
/* 链接
:only-child   		   选中独生子元素
:first-child    	   选中作为别人第一个孩子的元素
:last-child    		   选中作为别人最后一个孩子的元素
:nth-child(n) 		   选中作为别人第几个孩子元素的元素
:nth-last-child(n) 	   选中作为别人倒数第几个孩子的元素
:first-of-ty...
				$.fn.numeral = function () {   //注册一个全局函数numeral
            $(this).css("ime-mode", "disabled");
            this.bind("keypress", function () {
                if (event.keyCode == 46) {
				最好是字母开头，后面用数字可以，直接用数字开头不符合官方规范，虽然浏览器牛逼点也能解析出来，但是最初就不要这么做，坏习惯养成很难改。而且如果团队合作，css的命名都需要有固定的格式，还要有可读性方便他人使用和维护，否则你就等着团队其他的成员把你往死里揍吧。
不能全数字，也不能用数字开头，专业点就翻译成英文
血的教训：css外部样式表，选择器用数字开头（如1_title），实际操作发现有问...
				试着写了一个html中id="9k" ，css中#9k {color:red;}，发现webpack打包后完全不能生效。终于知道了原因所在：
id值不能以数字开头，否则在Mozilla/Firefox/Chrome中无法识别
见官方文档https://www.w3.org/TR/CSS2/syndata.html#characters
In CSS, identifiers (includi
在CSS中，可以使用类选择器来选取具有相同类名的 HTML 元素。类选择器使用类名前缀“.”(点号)来标识。
例如，如果想要选取所有类名为 "example" 的元素，可以使用如下的 CSS 代码：
```css
.example {
  /* CSS 属性 */
在 HTML 中，使用 `class` 属性来给元素指定一个或多个类名：
```html
<div class="example">这是一个示例</div>
在这个例子中，CSS 代码中的 `.example` 选择器将选中具有 `class="example"` 属性的 `<div>` 元素，并将应用该选择器下的 CSS 属性。