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; }'
});