如下图，我用官方的预览功能，预览页面下的某个二级标题。
现在我想把预览页面中的“二级标题”这几个字换成红色，
CSS怎么写呢？这个预览页面是分实时和阅读两种状态的。
ai在写CSS代码方面，的确水平不咋样，
问了好几个ai，问了很长时间，都不对。
只能来求大佬们了。
.hover-popover .HyperMD-header-2 ,
.hover-popover H2
{
color: #000;
}
谢谢啊，不过这个css不对呀，没有任何反应。
哦… 这个是修改预览窗口里所有H2颜色的，引用到标题好像不是同一个class ，我再试试
嗯，好，我试了很多回，感觉这个预览窗口里的东西好难改。另外你看，我这个窗口中的列表符号（符号有点小有点淡），离文字好近好近、而且在右上方，截图1中是阅读模式，编辑模式正常（如截图2）。
.hover-popover .inline-title,
.hover-popover .mod-header{
colo: #000;
}
.hover-popover .inline-title,
.hover-popover .mod-header-2{
color: red;
}
呃，没有作用呀。
这个真是挺难的，
在 gemini 3 pro 里问过很多遍了。
这里没有 -2
你引用到小标题的时候，小标题在悬浮框里是作为主标题存在的(等同于文件名);
你可以在沙盒库里试一下。
还有你的列表符号问题，可能也是与其他样式有冲突，可以在沙盒库里看看能不能复现
悬浮框很难用开发者工具里的检查元素定位，我有个小技巧: 就是按出悬浮框之后用alt+tab切换到开发者工具, 点击html里的 hover-popover , 这样就能检查并修改其中的样式了
还有个办法调试种弹出的窗口
-
打开调试模式，在控制台输入
debugger,(首次粘贴内容会让你手动输入 允许粘贴 ，正常输入然后回车就行) 这时候再输入debugger, 注意这时候光标还在debugger这里一闪一闪的，然后把鼠标移到对应的文字上，展示悬浮的窗口，这个时候按下回车就到了 第2步
-
回车后就会展示以下的内容，然后点击箭头指向的内容，选择对应的弹窗里面的内容即可，如 第3步
-
选择对应的元素即可
-
如果需要关闭调试，点击箭头指向的内容即可
1 个赞
原来还可以这样打断点，学到了