css的属性选择器中属性值是区分大小写的。

最新推荐文章于 2021-08-03 22:56:57 发布
最新推荐文章于 2021-08-03 22:56:57 发布
阅读量1.9k 收藏
点赞数
原文链接：http://www.cnblogs.com/roay/p/8760903.html
版权

以前经常看到很多人说“css中通常只有class和id的值区分大小写，属性名和属性值不区分大小写” BLAH BLAH

接手别人项目的时候排了半天bug发现：css的属性选择器对于属性值确实是区分大小写的，而对于属性名却大小写不敏感。

最开始是在querySelectorAll中发现的，测试后发现css中也具有一致的表现。

所以对于过去的那些说法，其实已经不适用于现在的场合了。

测试环境：Chrome 66 , Firefox 57。

另外附上使属性值不区分大小写的写法：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Attribute_selectors 

 

转载于:https://www.cnblogs.com/roay/p/8760903.html

dianjian0624
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
am.js:一个用于使用属性及其值而不是类来设置 HTML 元素样式的 javascript 库。 基于 AMCSS 属性模块的 CSS - 规范
06-13
am.js 一个用于使用属性及其值而不是类来设置 HTML 元素样式的 javascript 库。 基于用于 CSS 的AMCSS属性模块 - 规范 。 ** 适用于所有支持属性和 ~= 选择器的浏览器 ** 安装 [removed][removed] 在不支持 Array.IsArray 和 Array.indexOf 的旧浏览器上，在之前包含 es5-shim github.com/es-shims/es5-shim 一些问题： 仅适用于支持属性和 ~= 选择器的浏览器（无 IE6 及以下） 模块名称仅在 IE 上区分大小写。 值名称在任何地方都区分大小写。 如果您按照中的使用带有分隔符的模块名称，则在 ie7 上会出现奇怪的结果。 如果您想支持 IE7，请不要在模块名称中使用分隔符（即 am-Button => amButton） 应用程序接口：
css入门笔记
05-15
1.css的概述 1.问题 HTML属性修饰有一定局限，是不太便捷 2.css的语法规范 1.使用css样式方式 1.内联样式 行内样式 特点：将css样式定义在HTML标记中 语法：中先增加一对<style></style>,在<style>标记写样式规则 样式规则：由选择器和样式声明组成 3.外部样式 独立于任何网页位置处，声明一个样式文件(.css为后缀)，在文件中声明样式，在使用的网页中引入.css文件。 使用步骤： 1.创建样式表文件（.css） 2.在样式文件中编写样式规则 3.在网页中对样式文件进行引入 <link rel="stylesheet" href="URL../.css"> 3.CSS样式特征 1.继承性 必须是父子（有层叠嵌套的关系）结构 大部分的css效果是可以 2.优先级 1.浏览器默认样式 2.内部样式和外部样式（就近原则） 3.内联样式 4.!important; 绝对优先使用（） 格式 p{ color:red !important; } 2.css选择器 1.选择器的作用 规范页面中那些元素能够使用定义好的样式。 2.选择器详解 1.通用选择器 *{样式} 2.元素选择器 p{样式} 3.类选择器 1. 声明 .class名{样式} 2.引用可以引用多个类名用空格隔开 4.id选择器 #id名{样式} 3.特殊选择器 1.群组选择器 #id ,.class{样式} 1.子选择器 #id>.class{样式} 1.分类选择器 div .class{样式} 4.伪类选择器 作用：匹配元素不同状态的选择器 语法：所有的伪类都是以 : 作为开始 选择器：伪类选择器{样式} 伪类分类 1.伪类链接 :link 匹配尚未访问的超级链接状态 :visited 匹配访问过的元素的状态 2.动态伪类 :hover 匹配鼠标悬停在元素上时的状态
CSS性能优化提高css性能的方法
12-29
不规范的css会导致很多性能问题，这些问题可能在一些小的项目中不够明显，但是在大型项目中就会显现出来。 css匹配原理 在优化css之前我们需要了解下css是怎么进行工作的，我们都知道css是由选择器，属性和属性值构成的。 我们可能会这样写上一行代码 CSS Code复制内容到剪贴板 //css    .con .loulan1 p span{ display: block; }    //html    <div u00a0class=con>        <div u00a0class=loulan>            <p><span>文字</s
javascript 进阶篇2 CSS XML学习
01-19
CSS全称是cascading style sheets，中文名字叫级联样式单，也叫层叠样式表。它的好处就是能让代码整齐，并且可以批量处理一些样式。 基本语法： 注释符：/* */ 选择符：selector {attribute:value} 同一个属性的值用空格符号隔开，不同属性用分号隔开。 区分大小写。 比如要给页面中的table定制样式，则写table {…..;…..;} 选择符的使用方法有很多种，于是我又一次懒得打，从网上抄来的： 选择符模式 说明 * 匹配任意元素。(通用选择器) E 匹配任意元素 E (例如一个类型为 E 的元素)。(类型选择器) E F 匹配元素
JavaWeb——css基础知识与它的三种使用方法和三种选择器
01-08
什么是css css，全称Cascading Style Sheets，中文名：层叠样式表。它是一种用来表现（表现，指的是这些内容在页面上的展示形式。比如说。布局，颜色，大小等等）HTML或XML等文件样式的计算机语言，是用于增强控制网样式并允许将样式信息与网页内容分离的一种标记性语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 css的语法规则 css通常要写成这样的格式： 选择器{ 属性:值; 属性:值; } 选择器：浏览器根据“选择器”决定受CSS样式影响的HTML元素（标签,id或者类） 属性（ property）是你要改变的样式名，并且每个属性
css标签区分大小写吗,css不区分大小写吗？
weixin_35502173的博客
08-03 651
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。在HTML文件中，CSS是不区分大小写的。当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。示例：URI utility但是，在XHTML中，对于基本的HTML标签，CSS还是不区分大小写的。本例中的B...
css样式中的属性区分大小写吗,css属性区分大小写吗？
weixin_31139479的博客
08-03 3231
css属性一般不区分大小写，CSS对大小写不敏感。不过存在一个例外：如果涉及到与HTML文档一起工作的话，class和id名称对大小写是敏感的；且有时css的属性选择器对于属性值是区分大小写的，而对于属性名却大小写不敏感。CSS对大小写不敏感。不过存在一个例外：如果涉及到与HTML 文档一起工作的话，class和id名称对大小写是敏感的。CSS 语法CSS 规则由两个主要的部分构成：选择器，以及一...
[css] css中的选择器、属性、属性值区分大小写吗？
歌谣的博客
02-01 1014
[css] css中的选择器、属性、属性值区分大小写吗？ 选择器和属性区分大小写，属性值如果是颜色可以不区分大小写吧 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
小细节:css中的的大小写区分
热门推荐
小丸子的Blog
08-26 1万+
前言:这篇文章看起来可能没有什么技术含量，是对一个小细节的验证。起因是读《javascript权威指南》这本书时，里面提到说js是大小写敏感的语言，而html 不是，因此html中设定属性时属性名属性值不限制大小写，标签名也不限制。由此想到，css中的属性名和属性值以及选择器是否限制大小写呢，今天就是为了验证一下这个问题。 对HTML不限制大小写的测试js大小写敏感还是比较明显比较常见的，
css id选择器使用_动力节点Java学院整理
09-27
在HTML和XHTML中，类和ID的值被认为是区分大小写的，所以当定义CSS选择器时，必须确保ID的大小写与HTML中的ID属性匹配。如果不一致，CSS规则将不会生效，例如： ```css #intro {font-weight: bold;} ...
CSS基本选择器实用学习教案.pptx
11-21
标记选择器的语法规则是将标记名称写在大括号中，并在大括号中定义该标记的样式。 例如，对 HTML 语言中的分段标记 P 进行字体定义： ``` p { font-family: "宋体"; } ``` 2.2 类别选择器 类别选择器用于选择 ...
极速中文CSS教程（基础部分预览）.pdf
12-13
* 属性选择器（根据属性或属性值来选取元素） 下面讲解最基本的 CSS 选择器。 元素选择器 元素选择器根据元素名称来选择 HTML 元素。 实例：在这里，页面上的所有 `<段>` 元素都将居中对齐，并带有红色文本颜色：...
浅谈前端开发中容易被忽略CSS特性
09-24
尽管我们通常遵循小写字母编写CSS规则，如`background-color`，但实际上，CSS是不区分大小写的。例如，`background-COLOR`同样会被浏览器解析并应用。采用小写字母编写CSS主要是出于代码规范和可读性的考虑，同时也...
CSS样式
weixin_44536951的博客
12-24 119
HTML标签 select标签 下拉列表标签,常用于单选和多选,是一个组合标签,需要和子标签option一起搭配使用,不会独占一行. 常用属性: name属性:发送给服务器使用的 multiple属性:不写默认单选,取值为multiple表示多选,一般我们常用单选 size属性:可见选项数目 option标签 selected属性:表示勾选当前选项 value属性:用于发送给服务器的选项值 注意: 如果使用多选，那么选择的时候，需要按下ctrl键进行选择 size属性我们一般情况下不去设置 se
【Web前端笔记03】CSS基础
Asix-小码的博客
07-01 491
关于CSS技术美化网页 1.CSS规则 CSS样式中的选择器严格区分大小写，属性和值不区分，但是按照一般情况，“选择器，属性和值”都采用小写方式。 多个属性之间必须用英文状态下的分号隔开 如果属性的值有多个单词注册且中间包含空格，则必须为这个属性值加上英文状态下的引号。比如： p{ font-family:" 黑体"} 其次，在编写CSS代码时候，为了提高其可读性，通常会加上注释。 /*...
CSS核心基础
qq_45684286的博客
12-12 1316
CSS核心基础 CSS样式规则 1，CSS样式中的选择器严格区分大小写，属性和值不区分大小写，按照书写习惯一般将“选择器、属性和值”都采用小写的方式。 2，多个属性之间必须用英文状态下的分号隔开 3，如果属性的值由多个单词组成且中间包含空格，则必须为这个属性值加上英文状态下的引号 4，在CSS中可以使用空格键、Tab键、Enter键等对样式代码进行排版，提高代码的可读性 引入CSS样式表 行内式 ...
【目标检测数据集】大豆质量品质分类检测数据集5400张5类别VOC+YOLO格式
最新发布
06-18
数据集格式：Pascal VOC格式+YOLO格式(不包含分割路径的txt文件，仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数)：5401 标注数量(xml文件个数)：5401 标注数量(txt文件个数)：5401 标注类别数：5 标注类别名称:["Broken_Soybeans","Immature_Soybeans","Intact_Soybeans","Skin_damaged_Soybeans","Spotted_Soybeans"] 每个类别标注的框数： Broken_Soybeans 框数 = 971 （破损） Immature_Soybeans 框数 = 1119（未成熟） Intact_Soybeans 框数 = 1188（完整） Skin_damaged_Soybeans 框数 = 1094（表皮破损） Spotted_Soybeans 框数 = 1030（霉斑） 总框数：5402 使用标注工具：labelImg 标注规则：对类别进行画矩形框
selenium中css属性选择器包含
04-03
以下是selenium中常见的CSS属性选择器： 1. 选择具有特定属性的元素：[attribute] 2. 选择具有特定属性和值的元素：[attribute=value] 3. 选择具有特定属性和值（以某个字符串开头）的元素：[attribute^=value] 4. 选择具有特定属性和值（以某个字符串结尾）的元素：[attribute$=value] 5. 选择具有特定属性和值（包含某个字符串）的元素：[attribute*=value] 6. 选择具有多个属性的元素：[attribute1][attribute2] 7. 选择具有特定属性的元素，而且属性值是某个列表中的值：[attribute~=value] 8. 选择具有特定属性的元素，而且属性值是以空格分隔的一个列表中的值：[attribute|=value] 9. 选择具有特定属性和值（大小写不敏感）的元素：[attribute=value i]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值