sIFR：不适用于自定义 div 多次

Question

使用 sIFR 版本。 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; }'
});