javascript - 某些 sIFR 选择器在 Safari 中不起作用——非常不寻常的错误 :

Question

我正在使用 sIFR 创建网站 CardinalCoffee.com。

还没有完全准备好，所以通过添加访问

72.249.85.228   cardinalcoffee.com72.249.85.228   www.cardinalcoffee.com

到您的/etc/hosts(Windows 上为 C:\WINDOWS\system32\drivers\etc\hosts)。

在博客页面 ( http://cardinalcoffee.com/blog/ ) 上，并且仅在博客页面上，某些 sIFR 选择器失败——但仅在 Safari 中。基于 sIFR 的导航和博客文章副标题不会出现在博客页面上，但它们会出现在其他任何地方(在所有其他浏览器上/blog/页面都可以)。

以下是来自 sifr-config.js 的相关选择器:

sIFR.replace(itc_anna_std, {  selector: '#top_nav li a',    css: [        '.sIFR-root {.sIFR-root { background-color: #f8eca8; color: #FFBF11; }',        'a { text-decoration: none; color: #FFBF11;}',        'a:link { color: #FFBF11; color: #FFBF11;}',        'a:hover { color: #FFBF11; color: #FFBF11;}'    ],    wmode: 'transparent',    forceSingleLine: true,    tuneWidth: 2});sIFR.replace(itc_anna_std, {  selector: '.non-admin #content_column .entry h2 a',  css: [        '.sIFR-root { background-color: #f8eca8; color: #170504; text-align:left;}',        'a {text-decoration:none; color: #170504;}',        'a:hover { color: #170504; }'           ],    wmode: 'transparent',    tuneHeight: -18,    offsetTop: -6});

此外，副标题上的字体大小声明(选择器:.entry h2 a)似乎被忽略了。这是来自 sifr.css 的相关样式规则:

    .sIFR-active .non_admin #content_column .entry h2 {        font-size: 36px;    visibility: hidden;    }

这是一个 WordPress 网站。

[编辑]:似乎以某种方式归咎于这条规则:

sIFR.replace(itc_anna_std, {  selector: '.non-admin #content-column .entry h2',  css: [        '.sIFR-root { background-color: #f8eca8; color: #170504;}',        'a { text-decoration: none; color: #170504;}',        'a:link { text-decoration: none; color: #170504;}',        'a:hover { color: #170504;}'    ],    wmode: 'transparent',    tuneHeight: -18,    offsetTop: -6});

(我将另一个 sIFR 替换移动到文件顶部，导航开始完美加载。)

Answer 1

好吧，看起来每个

中的 都分配了一个类，因为我在 Flutter 中启用了就地编辑功能。

当我删除 上的类(class)时，替换工作顺利进行。

仍然没有解释为什么将 header div.SimpleSideNav ul.sf li sIFR 替换移动到 sifr-config.js 配置的顶部使其工作，但我不打算看看嘴里的礼物马。