CSS中id选择器失效，代码看起来没问题

我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。

教程介绍、教程目录等能在README里查阅。

传送门：https://github.com/827652549/CanvasStudy

最近在学习CSS3的时候，无意间发现这段代码竟然没有显示出对应的样式效果

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><style type="text/css">#1{color:red;background-color: orange;}</style></head>
<body><div id="1">1</div>
</body>
</html>

,就算是代码的颜色区别显示，也没有发现有什么问题，F12浏览器发现元素并未应用CSS样式，但是代码也并未发现任何格式问题。后来去搜索id选择器的资料，前端入门教程网站上并未提及相关注意事项，后来终于有了眉头：

基本上这些命名都符合标识符的命名规则
1、必须由字母、数字、下划线和美元符号组成
2、首字母必须是字母或下划线
3、建议采用驼峰式命名如：newWord，从第二个单词开始首字母大写

发现我把#1改成了#a就完全没问题了。

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><style type="text/css">#a{color:red;background-color: orange;}</style></head>
<body><div id="a">1</div>
</body>
</html>

看来有时候命名真的不是规范，而是规则了。

不敢再偷懒了~（ε=ε=ε=┏(゜ロ゜;)┛

CSS中id选择器失效，代码看起来没问题相关推荐

CSS中id选择器和class选择器
CSS中对html元素的样式进行控制是通过CSS选择器来完成的,最常用的两种选择器为id选择器和class选择器. id选择器和class选择器介绍 id选择器:用来为标有特定id的html元素指定特 ...
CSS中id选择器和类选择器的区别
id选择器和类选择器的区别 (1)类选择器(class)好比人的名字,一个人可以有多个名字,同时一个名字也可以被多个人使用. (2)id选择器好比人的身份证号码,全中国是唯一的,不得重复. (3)id ...
css实例 css中id/class 详解样式表（外部样式表内部样式表内联样式 7种基础选择器多重样式优先级错误理解）[第一天]
文章目录 css实例 css中的id css中的class 样式表外部样式表内部样式表内联样式 7种基础选择器多重样式优先级错误理解 css实例 CSS 规则由两个主要的部分构成:选择器,以 ...
带你学习css是什么和css中的选择器
前言欢迎观看~ 一.css是什么? CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 ...
CSS中的选择器之类选择器和id选择器
1.css中的选择器: 1.类选择器,又叫class选择器 2.id选择器 3.html元素选择器(又叫标签选择器) 4.通配符选择器 5.伪类选择器 6.组合选择器(多元素选择器,子元素选择器,后代 ...
html选择器并列,CSS 中的选择器（二）- 组合选择器
CSS中组合选择器,算是基础选择器的升级版, 也就是组合去使用基础选择器的意思,因为配合一些 CSS 的专有语法,所以初学者比较难看懂, 下面枚举几个常用的选择器作为例子,略谈一下CSS的组合选择器的 ...
css的ID选择器和class选择器的区别
CSS的ID选择器和class选择器一.ID选择器和Class选择器的区别 1.一个HTML标签只能应用于一个ID选择器 2.一个HTML标签可以应用多个class选择器 3.ID选择器是以&quo ...
[css] css中的选择器、属性、属性值区分大小写吗？
[css] css中的选择器.属性.属性值区分大小写吗? 选择器和属性区分大小写,属性值如果是颜色可以不区分大小写吧个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢 ...
解决css中height:100%失效的问题
解决css中height:100%失效的问题参考文章: (1)解决css中height:100%失效的问题 (2)https://www.cnblogs.com/wangweizhang/p/111 ...

CSS中id选择器失效，代码看起来没问题

CSS中id选择器失效，代码看起来没问题相关推荐

最新文章

热门文章