replace - sIFR：不能多次用于自定义 div

Question

使用 sIFR rev。436，最新版本。完美地替换 h1、h2、h3、h4 标签，就像我在页面上的一样多。但是，如果我尝试替换自定义 div，比如说替换我，它只会替换第一个实例，而不是页面上的其他实例。我也在 2.0 版本上对此进行了测试，并得到了相同的结果。这只是软件的限制，它不会让我这样做吗？

Answer 1

它应该工作。

“替换我”是一个类还是一个id？

粘贴相关的代码，显示哪些有效，哪些无效。

Answer 2

id 属性必须具有唯一值，具有相同 id 的多个元素是错误的。

要对多个元素使用相同的样式，请使用 class 属性。

替换这个html

<div id="champion">DELICIOUS APPETIZERS</div>
<div id="champion">Appetizers</div>
<div id="champion">Ulitimate Trios</div>

和

<div class="champion">DELICIOUS APPETIZERS</div>
<div class="champion">Appetizers</div>
<div class="champion">Ulitimate Trios</div>

并在您的 sifr 配置中替换它

sIFR.replace(champion, {
  selector: '#champion',
  css: '.sIFR-root { color: #c21212; }'
});

有了这个

sIFR.replace(champion, {
  selector: '.champion',
  css: '.sIFR-root { color: #c21212; }'
});