Files
wordpress-kratos-yang/style.css
T
laoyang 264a6ec06a 3.2.61 修 h2/h3 层级倒挂:h2 提到 24/700,h4 降到 500 参与分层 #29
3.2.60 我自己造出的问题:只把 h3 提到 20px/600,h2 一直是 20px/500
⇒ 两级同字号、h3 还粗 100,三级标题比二级更抢眼,层级是倒的。

根因不是实现难,是判据漏了:3.2.60 写了 52 条断言全绿,但**没有任何
一条断言 h2 > h3**(只查了 h3 > 正文),倒挂在全绿里完全隐形。

改法(用户选 D 方案,并要求 h4 一起调)
  h2  24px / 700 / 左 5px 蓝条 + 浅灰底(行高 41→46)
  h3  20px / 600 / 左 3px 蓝条 + 底 1px 细线,无底色
  h4  17px / 500 / 纯文字
  p   16px / 350

两处细节的理由
  · h4 600→500:600 与 h3 同重,只剩 3px 字号差,看着像"同一级被缩小"。
    降到 500 让字重也参与分层;仍明显重于正文 350(差 150),不会糊回正文。
  · h2 行高 41→46:24px 字配 41px 行高,灰底上下各只剩 8.5px、看着发扁。

写进注释的两条铁律
  ① 字号与字重必须同时严格递减:24>20>17>16、700>600>500>350
  ② 装饰强度也递减:蓝条+灰底 > 蓝条+细线 > 无 > 无
  任一级调了要回头核对相邻两级,不能只盯自己那一级。

验证
  · _geom361_route.js  56 / 0(双端面,新增 G1~G8 层级递减 + H 装饰 + I 行高)
    G7/G8 是「严格」递减,不允许相等 —— 只写 >= 的话 h2=h3=20px 照样能过
  · _falsify361.js     10 / 10
    R1 = 把整份 CSS 退回 3.2.60 的倒挂状态 ⇒ 56→40,红 16 条,G1/G2 命中
    (这一项通过才证明上一轮的盲区真的堵住了)
  · _css360_selfcheck.js  28 / 0(改动后它主动报红提示 h4 期望过期,更新后全绿)
2026-10-28 07:38:09 +08:00

14 lines
609 B
CSS

/*
Theme Name: Kratos_Yang
Text Domain: kratos_Yang
Version: 3.2.61
Requires PHP: 7.0
Description: 这是一个Kratos主题的分支版本,用来增加一些定制化功能。
Tags: 博客, 双栏, 响应式, 自定义背景, 自定义颜色, 自定义图标, 自定义菜单, 特色图像, 收录优化, 邮件中心, 主题选项, 小工具, 文章置顶, 无障碍友好
Author: Yongquan Yang
Author URI: https://yangyq.net
Theme URI: https://code.yangyq.net/laoyang/wordpress-kratos-yang
License: MIT License
License URI: https://code.yangyq.net/laoyang/wordpress-kratos-yang/src/branch/main/LICENSE
*/