atom标签页样式必须使用.tab-bar .tab选择器才能生效，漏掉.tab-bar前缀将导致样式不匹配；字体大小需与行高配对设置（如font-size:14px配line-height:28px），否则文字会偏移。
标签页样式只在 .tab 选择器下生效
Atom 的标签页不是普通 HTML <div>，而是由 <code>.tab-bar .tab 这套嵌套结构控制。直接写 div.tab 或只写 .tab 不加上下文，大概率被内置样式覆盖或完全不匹配。
常见错误是漏掉 .tab-bar 前缀，导致改了字体却没反应；或者误用 .title 类（它只作用于标签文字部分，不控制背景、边框等整体样式）。
- 正确写法：
.tab-bar .tab（整个标签容器） - 标题文字单独调：
.tab-bar .tab .title - 关闭按钮：
.tab-bar .tab .close-icon - 活动标签高亮：
.tab-bar .tab.active（注意不是:active伪类）
font-size 和 line-height 必须配对设
只改 font-size 容易让文字在标签里上下偏移，尤其在 macOS 上更明显。Atom 的标签高度由行高撑开，不是靠 padding 或 height 硬控。
实操建议：
- 设
font-size: 14px就必须同步设line-height: 28px（推荐值，适配默认 UI 高度） - 如果用了
height: 32px，line-height也得设成32px，否则文字贴顶或悬空 - 别用
vertical-align拼凑——它在 Atom 的 Flex 布局里基本无效
改背景色或圆角容易被主题重置
Atom 内置主题（如 one-dark-ui）会通过更具体的选择器（例如 .tab-bar .tab.active .title）覆盖你的简单规则。硬加 !important 能临时起效，但后续升级主题后可能失效，且调试时难定位冲突源。
稳妥做法：
- 限定主题范围：
.atom-workspace.theme-one-dark-ui .tab-bar .tab - 加权重：用
.tab-bar .tab:not(.modified)排除已修改文件的特殊状态 - 圆角只设
border-radius: 4px 4px 0 0（仅上侧），避免和底部面板交界处出现锯齿
隐藏未激活标签的图标或关闭按钮
想让非当前标签更“干净”，可以隐藏其关闭按钮或图标，但要注意 Atom 默认把图标和文字放在同一行内联元素里，直接 display: none 可能导致文字错位。
推荐方案：
- 隐藏非活动标签的关闭按钮：
.tab-bar .tab:not(.active) .close-icon { opacity: 0; }（保留占位，不破坏布局） - 隐藏所有标签图标（包括活动的）：
.tab-bar .tab .icon→display: none，但需确认你用的主题是否把语言图标塞进这个 class - 图标消失后若留白，补一句
.tab-bar .tab .title { margin-left: 0; }收紧间距
Cmd+Alt+I）点一下真实 DOM 节点，确认 class 名没变——而不是依赖文档或旧教程。
