1 、如果需要选择所有匹配的元素，请使用 querySelectorAll选择器字符串区分大小写如果选择器字符串无效 ，会抛出 SyntaxError 异常总结querySelector 是一个功能强大且灵活的方法 ，可以轻松地从 DOM 中选择元素掌握其用法可以极大地提高 JavaScript 代码的效率和可读性建议可以结合 CSS 选择器参考文档；CSS样式中的选择器严格区分大小写，而声明不区分大小写 ，按照书写习惯一般点 ，具体介绍如下将选择器声明都采用小写的方式多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略但是为了便于增加新样式最好保留如果属性的属性值由多个单词组成且中间包含空格 ，则必须为这个属性值加上；4大小写严格区分 ，也就是说aa，和AA是两个不同的ID 另外，特别强调的是HTML页面 ，不能出现相同的id ，哪怕他们不是一个类型比如页面上有一个id为pp的p，一个id为pp的div ，是非法的一个标签可以被多个css选择器选择比如 ，可以同时让标签选择器和id选择器作用于同一个标签用到了 。
2 、属性选择器如title color red ，匹配具有指定属性的元素属性与值颜色定义支持多种格式red#ff0000rgb255 ，0 ，0rgb100%，0% ，0%多单词属性值需加引号 ，如fontfamily #34sans serif#34属性间用分号分隔，值间用逗号分隔大小写敏感性CSS本身不区分大小；四区分大小写 请注意 ，类选择器和 ID 选择器可能是区分大小写的这取决于文档的语言HTML 和 XHTML 将类和 ID 值定义为区分大小写 ，所以类和 ID 值的大小写必须与文档中的相应值匹配因此，对于以下的 CSS 和 HTML，元素不会变成粗体intro fontweightboldThis is a paragraph of；区分大小写选择器需严格匹配标签名和类名的大小写无效语法直接使用 nthchild2 ， 3 或类似逗号分隔数字的写法无效总结简单多元素选择用逗号连接多个 nthchildn 选择器模式化选择使用 nthchildan + b 表达式复杂范围选择组合多个选择器或结合其他伪类如 not通过；CSS 中 idclass属性的区别 \x0d\x0a1class是设置标签的类 ，用于指定元素属于何种样式的类在CSS样式中以小写的“点 ”及“ ”来命名，在html页面里则以class=quotcss5quot 来选择调用 ，命名好的CSS又叫css选择器\x0d\x0a如 css5属性属性值 选择器在html调用为“我是class例子；全局选择器选择所有元素 ，使用*表示，如*property value伪类选择器选择元素的特定状态 ，如hoverfirstchild等属性选择器根据元素的属性及属性值来选择元素 ，如type=#34text#34选择所有type属性值为text的元素二CSS选择器严格区分大小写 CSS选择器中的类名ID名以及HTML 。
3、HTML中定义类名test@，CSS中需写作test@类名test123在CSS中需转义为test1234 空格与大小写规则 类名不能包含空格如test class无效类名和选择器不区分大小写 ，但优先级按书写顺序决定例如 ，TEST会覆盖test的样式总结有效字符包括字母数字连字符下划线，以及需转义的；h3~h5选择前面有元素的每个元素 ，即选择h3之后出现的所有h5 ，两种元素必须拥有相同的 父元素 ，但h5不必紧随h3说明这里的h5，h3也可以换成实际项目中的其他标签的类名标签名或id等~加号加号又被称作兄弟选择器A+B表示选择紧邻在A后面的B元素 ，且A和B必须拥有相同的父元素 ，所选到的。
4 、CSS 中 idclass属性的区别 1class是设置标签的类，用于指定元素属于何种样式的类在CSS样式中以小写的“点”及“ ”来命名 ，在html页面里则以class=quotcss5quot 来选择调用 ，命名好的CSS又叫css选择器如 css5属性属性值 选择器在html调用为“我是class例子 baobao color lime；您要问的是css样式中的选择器要严格区分大小写吗要CSS样式中的选择器是严格区分大小写的这意味着在选择器中使用的元素名称类名和ID名称都必须与实际HTML元素或属性的名称完全匹配，包括大小写在编写CSS样式时 ，需要注意选择器的大小写匹配 ，以确保样式正确应用到目标元素上；基本上这些命名都符合标识符的命名规则 1必须由字母数字下划线和美元符号组成 2首字母必须是字母或下划线 3建议采用驼峰式命名如newCont，从第二个单词开始首字母大写；连字符CSS选择器命名规范 1长名称或词组可以使用中横线来为选择器命名2不建议使用“_ ”下划线来命名CSS选择器 ，为什么呢？输入的时候少按一个shift键浏览器兼容问题 比如使用_tips的选择器命名 ，在IE6是无效的能良好区分JavaScript变量命名JS变量命名是用“_”不要随意使用Id id在JS是唯一的 。
5 、无论class的样式文件在第一行或者第二行输出结果都是红色字体，说明id优先级高于class2class css中得用class的属性值 ，id是#id的值正确使用id和class 如果涉及到js获取值的话用id ，否则用class来写注意事项命名css的class和id应该有一定的规范性 。
本文来自作者[恭喜发财]投稿，不代表华智号立场，如若转载，请注明出处：https://www.bjxhzyykj.cn/miao/8541.html
评论列表（4条）
我是华智号的签约作者“恭喜发财”！
希望本篇文章《css选择器严格区分大小写(css选择器选择第几个到第几个)》能对你有所帮助！
本站[华智号]内容主要涵盖：华智号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：1、如果需要选择所有匹配的元素，请使用querySelectorAll选择器字符串区分大小写如果选择器字符串无效...