使用BEM命名规范，CSS代码的组织如块(Block)、元素(Element)和修饰器(Modifier)的组合，使得HTML选择器结构清晰，便于维护，但可能因名字冗长而稍显繁琐。BEM规则中，块-元素间用双下划线 '__' 分隔，块-修饰器或元素-修饰器用单下划线 '_'，单词间用中划线 '-' 连接。每个BEM选择器应保持单一层次...
使用BEM命名规范来组织CSS代码
使用BEM命名规范，CSS代码的组织如块(Block)、元素(Element)和修饰器(Modifier)的组合，使得HTML选择器结构清晰，便于维护，但可能因名字冗长而稍显繁琐。BEM规则中，块-元素间用双下划线 '__' 分隔，块-修饰器或元素-修饰器用单下划线 '_'，单词间用中划线 '-' 连接。每个BEM选择器应保持单一层次，修饰器需与对应块或元素配合使用，避免孤立使用。在CSS中，尽量仅使用类名选择器，避免ID和标签名，确保嵌套不超过2层，以提升效率和代码复用性，降低耦合度。例如，通过块的特定状态调整内部元素时，BEM方法就显得尤为重要。虽然BEM结构清晰，但可能导致代码冗余。为减少重复，利用预编译语言的特性，如@include和@extend，能更有效地编写代码。2024-09-04
