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

Question

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

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

72.249.85.228   cardinalcoffee.com
72.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 配置的顶部使其工作，但我不打算看看嘴里的礼物马。