Je suis intéressé par la définition des images à côté des éléments de liste de liste basé sur la position de sa position. Vous pouvez voir ci-dessous que j'utilise la fonction de comptoir de CSS pour suivre les éléments de la liste et que j'essaie de spécifier une image en tant que type de style de liste à l'aide du compteur.
ul{
counter-reset:list;
}
li
{
counter-increment:list;
list-style:disc outside url("http://dummyimage.com/" counter(list) "x" counter(list) "");
}
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>
3 Réponses :
compteur () fonction ne peut être utilisé que pour Contenu Propriété. Composition d'URL, comme celle que vous essayez de créer ci-dessus, est impossible dans CSS.
Je ne suis pas sûr, qu'est-ce que vous essayez d'atteindre, mais voici le code de l'exemple que vous vous dérange de la recherche utile: Exemple de code
CSS fort> p> ul { counter-reset: list; }
li {
counter-increment: list;
list-style: disc outside url("http://placekitten.com/20/20");
}
li:before {
counter-increment: section;
content:"Item " counter(list) ". ";
}
URL ne peut pas être composé de plusieurs chaînes
par exemple, ce travail: p> mais cela ne fonctionne pas: P> url("http://dummyimage.com/" "10x10");
Aurait été si cool si cela a effectivement fonctionné.