本篇文章主要是对jQuery选择器进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助

CSS中#id选择器让维护变困难的根本原因是它将样式与DOM结构强绑定于“唯一性”，而真实项目中结构、需求和组件复用均要求灵活性，#id却无法适应变化。

HTML5中精确控制元素尺寸需用CSS，主要方法有五种：一、width/height设内容区尺寸；二、max-width/min-height设尺寸边界；三、box-sizing:border-box含padding与border；四、vw/vh依视口动态缩放；五、CSS变量配合calc()灵活计算。

可通过四种方式为HTML5元素添加属性：一、JavaScriptsetAttribute方法动态设置；二、HTML标签中直接声明；三、点语法直接赋值内置属性；四、datasetAPI操作data-*属性。

文字颜色未生效的主因是样式被覆盖，需选对元素并提升优先级：检查目标标签是否正确、优先级是否足够、继承与浏览器接管机制（如-webkit-text-fill-color）是否干扰，再验证加载与颜色值兼容性。

权重是浏览器按(a,b,c,d)四元组逐位比较的数值，a为内联样式数，b为ID个数100，c为类/属性/伪类个数10，d为元素/伪元素个数，继承样式权重为0，冲突时仅当四元组完全相等才按书写顺序决定。

内联样式权重（1000）高于外部样式，但可通过!important、JavaScript移除或避免使用内联样式来覆盖；外部样式按引入顺序后载者优先；调试时用开发者工具查看被划掉的规则及来源。

类选择器应语义化命名并遵循BEM规范，使用小写字母和连字符，避免数字开头或CSS关键字；支持多元素复用和单元素多类组合，需注意优先级与样式叠加；其权重为0,1,0，高于标签但低于ID和内联样式，应避免滥用!important和过长选择器链，保持简洁以提升性能与可维护性。

HTML5样式设置有三种方式：一、内联style属性，仅作用于当前元素；二、标签内嵌CSS，作用于整个文档；三、引入外部CSS文件，实现结构与样式分离；优先级为内联>内嵌/外部，后加载覆盖先加载。

应从内联样式、内部样式表、外部CSS文件、Flexbox布局和Grid布局五方面入手：一用style属性快速调试；二在head中嵌入style标签统一控制；三用link引入外部CSS文件实现复用；四以display:flex重构一维布局；五用display:grid实现二维网格划分。

JavaScript操作CSS核心是通过style属性改内联样式或classList控制类名；内联样式需驼峰命名且优先级最高，classList更推荐以实现关注点分离；读取计算样式须用getComputedStyle。

HTML5中可通过内嵌样式、内部样式表和外部样式表控制元素外观：内嵌样式用style属性，作用于单个元素；内部样式表用中的标签，作用于整页；外部样式表通过引入.css文件，支持复用与缓存；内嵌样式优先级最高，可被!important强制覆盖。