应谨慎使用CSS标签选择器，因其作用于所有同类型元素易引发样式冲突；推荐结合class或ID提升精确度，注意优先级规则，仅在重置样式时全局应用。

使用CSS标签选择器时，直接通过HTML元素的标签名称来定义样式，虽然简单直接，但需要注意一些关键点以避免样式冲突和维护困难。

避免过度依赖标签选择器

标签选择器作用于页面中所有该类型的元素。例如，p 选择器会影响所有 <p> 标签。如果全局修改某个标签样式，可能会意外影响其他不需要更改的部分。

• 尽量结合类（class）或ID选择器提高精确度
• 例如，用 .intro-text { color: blue; } 代替直接设置 p { color: blue; }

注意样式优先级和层叠问题

标签选择器的优先级较低，容易被类选择器、ID选择器或内联样式覆盖。

page-agent 浏览器控制（CDP）

使用 page-agent CLI（CDP）控制浏览器；CLI只能通过 GitHub Release 的 .tgz 安装，npm 官方包暂未发布。

下载

• 多个样式规则同时作用时，浏览器按优先级决定最终效果
• 若和其他规则冲突，可能需要调整选择器权重，但应避免滥用 !important

保持代码可读性和可维护性

在大型项目中，全局修改标签样式会增加后期维护难度。

立即学习“前端免费学习笔记（深入）”；

• 团队协作中，他人可能不清楚你修改了某个标签的默认样式
• 建议在重置或初始化样式时使用标签选择器，如 body、h1-h6 的基础排版设定

基本上就这些。合理使用标签选择器，能提升效率，但要控制范围，避免副作用。