1、CSS ID选择器的写法为#id名称 属性 值 ，具体说明如下基本语法 ID选择器以#开头 ，后接元素的id属性值如#header#maincontent示例#intro fontweight bold 会为id=#34intro#34的元素设置加粗字体与类选择器的区别 类选择器用开头如class ，而ID选择器。
2、通过这种转换机制，使得原本看似不匹配的CSS选择器能够在小程序环境中正确应用到对应的元素上 ，从而实现样式的生效例如在一些组件化开发场景中 ，父组件传递样式类给子组件，子组件内部经过小程序编译处理后 ，就能依据这种转换机制正确渲染样式BEM命名风格的影响BEM命名风格特点BEMBlock Element Modifier；CSS的选择器其实大类的话可以分为三类 ，即id选择器class选择器标签选择器用法如下id名 属性名属性值 class名 属性名属性值 标签名 属性名属性值 其中，他们之间又可以以不同的方式进行组合 ，如下后代选择器 父代名 后代名 属性名属性值 子代选择器；选择器的优先级 ID选择优先级最高id选择器定义具有唯一性class选择器次之class选择器可以多个元素选择器再次之 其它选择器优先级主要根据定义的先后顺序 ，最后定义的优先级高 ！important 加重选择器的优先级，添加在样式规则之后 ，中间用空格隔开CSS选择器命名规则 1采用英文字母 ，数字以及quotquot；基本上这些命名都符合标识符的命名规则 1必须由字母数字下划线和美元符号组成 2首字母必须是字母或下划线 3建议采用驼峰式命名如newCont，从第二个单词开始首字母大写；高效命名多行容器CSS类名的核心原则是采用小写加短横线连接的风格，结合语义化简洁的单词描述容器功能 ，并保持项目内命名一致性具体方法如下采用小写加短横线连接的命名风格推荐使用firstrow而非firstRow小驼峰此风格符合CSS语法规范 ，避免因驼峰命名法与CSS选择器语法冲突导致的可读性问题例如 。
3 、在TDesign UI库中，tgridcard 是一个基于BEM命名规范的CSS选择器 ，用于为网格组件Grid添加卡片式布局的样式 ，其类名通过小程序的外部样式类tclass动态传入，无需严格匹配DOM结构中的嵌套关系 以下是具体解析1 BEM命名风格的应用BEM结构tgridcard 遵循BEMBlockElement；CSS选择器优先级与匹配原理\x0d\x0a1id 选择器#myid2类选择器myclassname3标签选择器div ，h1 ，p4相邻选择器h1+p5子选择器ul lt li6后代选择器li a7通配符选择器*8属性选择器arel=quotexternalquot9伪类选择器ahover，linthchild\x0d\x0a其中ID选择器的效率；CSS基本选择器包括标签选择器类选择器和ID选择器 ，它们分别用于为HTML元素添加样式以下是详细的使用 。
4 、主题扩展结合CSS变量 ，实现卡片样式的主题化如深色模式下的边框颜色调整总结tgridcard 的生效依赖于外部样式类传入和BEM命名规范的灵活应用，其设计兼顾了语义清晰与命名简洁与CSS变量相比 ，它属于类选择器范畴 ，用于定义样式组合而非存储值理解这一机制有助于更高效地定制TDesign组件的。
本文来自作者[恭喜发财]投稿，不代表华智号立场，如若转载，请注明出处：https://www.bjxhzyykj.cn/miao/10070.html
评论列表（4条）
我是华智号的签约作者“恭喜发财”！
希望本篇文章《css选择器命名(css选择器类型有哪几种)》能对你有所帮助！
本站[华智号]内容主要涵盖：华智号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：1、CSSID选择器的写法为#id名称属性值，具体说明如下基本语法ID选择器以#开头，后接元素的...