sIFR: ne fonctionne pas pour les divs personnalisées plusieurs fois

Question

L'utilisation de sIFR rev. 436, dernière version. Remplace parfaitement les balises h1, h2, h3, h4, autant que j'ai sur la page. Toutefois, si j'essaie de remplacer un div personnalisé, dites Remplacer-moi, il ne remplace que la première instance, mais pas les autres sur la page. J'ai testé cela sur la version 2.0 et j'ai obtenu les mêmes résultats. Est-ce juste une limitation du logiciel qu'il ne me laissera pas faire ceci?

Answer 1

Cela devrait fonctionner.

Est-ce que "Replace Me" est une classe ou un id?

Coller des morceaux de code pertinents qui montrent ce qui fonctionne et ce qui ne fonctionne pas.

Answer 2

L'attribut id doit avoir une valeur unique, avoir plus d'un élément avec le même identifiant est faux.

Pour utiliser le même style pour plusieurs éléments, utilisez l'attribut class.

remplacer html

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

avec

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

et remplacez dans votre config SIFR

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

avec ce

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