首页 / 知识
css中id选择器的命名规则有哪些
2023-04-11 15:14:00
大小写敏感
只能包含[a-zA-Z0-9]、-,，其中不能以、-、0-9开头
在CSS的命名规范中，名称不能以数字开始，只能以字母、连字符、下划线开始。之后可以是字母、连字符、下划线或数字。
同时应该注意的是，虽然在HTML4.01及以前的版本不严谨，但在XHTML中，CSS中的命名是区分大小写。
1.首先说说语义性
所谓语义性，即名字应当描述内容，而不是描述表现，例子如下
♦表现型（不提倡）
PurpleBold(紫色粗体)
BigHeading(大号标题)
top-left-box(左上方框)
underlined-and-green(下划线绿色)
boxLeft(左侧框)
red(红色)
红色标示涉及元素的表现形式，这在命名里是不允许的，因为表现形式是变化的，当变化发生，不仅要修改CSS的class和id名，还要修改html相应元素的class和id名，相当麻烦，当你所编辑的是大型网站，出现多处这样的修改，是非常耗时且头疼的。所以应该尽可能采用适应变化的命名，即命名与内容紧密相关。
♦语义型（提倡）
sidebar(侧边栏)
warning(警告)
当然，有些时候适当运用表现来命名会更灵活。如，用bordered(带边框)的表现名给网站多处添加同样的样式。
记住，最佳方案不是最干净的那个，也不是最漂亮的那个，与其拘泥成法，不如将思路放开一些。
2.可接受的字符
最佳规则：始终使用字母、数字或连字符，并且始终以字母开头
记住，class和id名称是区分大小写的。
不要使用下划线，不要以数字或连字符打头，不接受“*”，“/”，“\”。虽然新的浏览器对生僻字符集的支持功能更多，但不是所有的浏览器如此，为了保证兼容性，请遵循最佳规则吧。
3.惯例
使用一些约定俗称的惯例名称，可提高代码可预测性，既让自己和他人容易理解，也有助于屏幕阅读器和分析器的工作，提高SEO（搜索引擎优化）
惯例参照Web前端开发规范手册
4.大小写
驼峰式（缩写单词的每个字母采用同样的大小写：pdfLinklinkPDF）
连字符
5.命名空间
加前缀，如：wp-users。命名空间需要制定团队内的命名空间约定。
这是防御式CSS采用的技术之一，通过命名空间隔离代码，避免冲突，使其不影响原有和未来的代码。
本文转载自中文网 |
最新内容
相关内容
python cmd中怎么运行python文件
python cmd中怎么运行python文件，培训，文件，路径，以上，程序，方法，更多，内容，运行Python，可在交互模式下运行，或者命令行中。命令行中运行的是
pythonpython与c区别有哪些
pythonpython与c区别有哪些，数据，培训，数字，标准，地址，概念，类型，语言，对象，变量，python与C的区别如下：1、语言类型不同Python是一种动态类型
pythonc语言取余和python取余的区
pythonc语言取余和python取余的区别，培训，资料，语言，负数，区别，被除数，符号，除数，规定，余数，今天看书发现python与C的负数取余运算结果不同,
python如何定义接受参数的函数
python如何定义接受参数的函数，信息，培训，位置，参数，函数，列子，效果，定义，更多，内容，python中的函数可以有参数，也可以无参数，参数可以分为默认
python区别大小写
python区别大小写，培训，工作，大小写，变量，区别，两个，函数，定义，实际，习惯，python中是区分大小写的，不管是变量、函数、还是类，都要严格的区分大
python能判断一个变量的类型吗
python能判断一个变量的类型吗，培训，类型，对象，变量，函数，实例，语法，以上，参数，结果，python中是可以判断对象的类型的，判断python中的对象类型python类和对象的区别是什么
python类和对象的区别是什么，培训，主体，汽车，状态，对象，定义，属性，方法，实例，区别，类和对象1、类和对象得区别：类是对客观世界中事物得抽象，而
python爬虫和数据分析有哪些第三方
python爬虫和数据分析有哪些第三方库？，培训，爬虫，和数，以上，更多，内容，以上内容为大家介绍了爬虫和数据分析有哪些第三方库，希望对大家有所
python脚本和网页的区别是什么
python脚本和网页的区别是什么，网站，培训，设计，通用，标准，平台，网页，语言，脚本，标记，python是一种计算机程序设计语言，一种面向对象的动态类型
pythonHTTP与HTTPS之间的区别
pythonHTTP与HTTPS之间的区别，培训，区别，之间，
python有哪些高级特性？
python有哪些高级特性？，培训，特性，
python学习Python爬虫的用途有哪些
python学习Python爬虫的用途有哪些？，培训，爬虫，用途，