css中ID选择器命名注意点

最新推荐文章于 2023-02-21 17:10:42 发布
原创 最新推荐文章于 2023-02-21 17:10:42 发布 · 630 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #css

博客提及前端命名规则，指出命名不能以数字开头，且ID里不要有括号，这些规则有助于规范前端代码编写，提升代码质量和可维护性。

命名时不能以数字开头，ID里不要有括号

csusuky
关注
CSS选择器之标签选择器、id选择器、class选择器与原子类
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
08-23 795
CSS选择器用于匹配HTML文档中的元素，并指定相应的样式规则。选择器的类型多样，包括但不限于标签选择器、ID选择器、类选择器等。每种选择器都有其特定的作用范围和优先级。
Css选择器命名规则
dgk62408的博客
11-03 298
操作系统版本：Windows 7 浏览器版本：IE6,IE7,IE8,Firefox 3.6.2,Safari 4.0.4,Chrome 5.0.356.2 dev 受影响的浏览器：所有浏览器. 经常讲到css选择器命名规则，其实不只是在团队合作基础上来讲这个，每个浏览器,IE产品，火狐，苹果，谷歌，都会因为命名不规范会产生不同样式.. 一、关于选择器的命名 W3C CSS2....
CSS的class常用命名规则
weixin_30853329的博客
09-25 348
CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则 　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right center 　　登录条：loginbar ...
CSS类及id中的命名规则
bj_rain的专栏
09-07 854
CSS类及id中的命名规则　　Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说，在命名重新定义XHTML标记（tags）的CSSselectors时，必须保证其与预定义的标记准确匹配，但就类以及id选择器名称而言，则仁者见仁，智者见智。然而随心所欲的为这些类以及id命名则并不是个好的习惯。直观命名
div+CSS ID的命名规范和习惯
weixin_30886233的博客
10-07 193
大家都知道规范的css命名可以增强样式规则的可读性，便于后来你或别人对页面的修改。起初我写css规则的时候,用汉语的缩写来命名，现在看来是很不专业的，也给我的后期维护浪费精力。 根据自己的而写法习惯和网上的一些写法，我总结了一套适用自己的id命名写法.拿出来晒一晒。 CSS 类和ID的常用命名： 网站头部: head/header(头部) top（顶部） ...
div+css设计中ID的命名习惯和规范
gotohbu的专栏
03-12 871
 div+css设计中ID的命名习惯和规范  大家都知道规范的css命名可以增强样式规则的可读性，便于后来你或别人对页面的修改。起初我写css规则的时候,用汉语的缩写来命名，现在看来是很不专业的，也给我的后期维护浪费精力。根据自己的而写法习惯和网上的一些写法，我总结了一套适用自己的id命名写法.拿出来晒一晒。CSS 类和ID的常用命名：网站头部:    head/header(
CSS 选择器命名规范化
09-25
在CSS世界中，选择器命名规范化是提升代码可读性和团队协作效率的关键。如同其他编程语言的命名约定，CSS也有三种主要的命名方法：骆驼命名法、帕斯卡命名法和匈牙利命名法。 **骆驼命名法**，又称驼峰命名法，其...
JSoup CSS选择器用法大全
08-15
在爬虫开发中，利用这些 CSS 选择器，可以精准地定位到目标网页上的特定元素，从而提取所需信息。例如，`a[href^='http:']` 会选择所有 `href` 属性以 "http:" 开头的 `<a>` 链接元素，这对于爬取网站链接非常有用。...
解析css中的选择符命名
09-25
CSS语法中有一些特殊字符，它们具有特定含义，比如点号"."表示类选择符，井号"#"表示ID选择符，等等。当这些特殊字符出现在CSS选择符的命名中时，必须使用反斜杠"\\"进行转义，以取消它们的特殊含义，使其能够正常...
css选择器中有小数点的标签获取方法
12-13
在遇到含有小数点的ID或类名时，直接使用标准的选择器可能无法正常工作，因为`.`在CSS中被用作类选择器的标志。本篇文章将详细探讨如何在这样的情况下正确地选取和操作这些特殊标签。 首先，我们要理解问题的核心：...
id选择器
zh_1111的博客
02-21 892
推荐看看！
div+CSS ID的命名规范
08-08 725
网站头部:    head/header(头部) top（顶部）导航：   nanv 导航具体区分：topnav(顶部导航)、mainnav(主导航)、mininav(迷你导航)、textnav(导航文本)、subnav(子导航/二级导航) 旗帜、广告和商标：logo（旗帜）、brand(商标)、banner(标语) 搜索：sreach(搜索)、sreachbox(搜索框)、sreachbtn
CSS类及ID中的命名规则
技术资料收集站
04-15 1203
Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说，在命名重新定义XHTML标记（tags）的CSS selectors时，必须保证其与预定义的标记准确匹配，但就类以及id选择器名称而言，则仁者见仁，智者见智。然而随心所欲的为这些类以及id命名则并不是个好的习惯。  直观命名   　　当在设计Web页面以及需要对一个
CSS—【id】【class】和【文件】的命名规范
海天与晨钟
11-21 542
【id】【class】和【文件】的命名规范 命名时尽量使用英文，如果不会可以使用拼音，但是不要英文和拼音混用 命名格式: 1、驼峰命名法 首字母小写，每个单词的开头字母大写（例如：aaaBbbCcc helloWorld） 2、也可以所有的字母都小写，单词之间使用_或-链接 aaa_bbb_ccc aaa-bbb-ccc ...
CSS——id 和 class 选择器
Learn From The Masters
03-18 1148
id 选择器HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。 代码实例：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>再见二逼K</title> <style> #para1 { tex
CSS常用类和ID命名规范
weixin_30709809的博客
01-29 131
下面是CSS常用类和ID命名规范： 文件命名规范 全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；综合样式：style.css 类/ID命名规范 页　眉：header内　容：content容　器：container页　脚：footer版　权：copyright　导　航：menu主导航：...
CSS 类和ID的常用命名：
武林半侠的博客
06-01 3333
CSS 类和ID的常用命名：   名称+盒子类型（img title nav logo）+盒子标签名称（Container  content box ） in代表进入 页头部分 header 页面主体main 页脚部分 footer    盒子第一层容器 container 盒子第二层内容content    盒子第三层布局： box 位置：leftright center
css命名规范
caoyuan258的博客
12-04 372
CSS命名规则 头：header 　　内容：content/containe 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right center 　　登录条：loginbar 　　标志：logo 　　广告：banner 　　页面主体：main 　　热点：hot 　　新闻：news 　　下载：download 　　子导航：subnav 　　菜单：menu 　　子菜单：submenu 　　搜索：
CSS中id与class命名规则及编码最佳习惯
weixin_30471065的博客
08-15 716
一、用class_name方式写类名。 以前喜欢用class-name写，不过好像两样也没什么差别。但我比较反对用className写类名，因为始终对浏览器大小写敏感的问题抱有怀疑态度。但是id我会写成驼峰式，理由见下一条。 二、样式都用class而不用id。 有三个理由。 1，id不可以重复，所以用class的话，可以肆无忌惮的用无数次。 2，id的优先...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值