Создание якоря CSS с динамическими идентификаторами ⇐ CSS

[Anonymous]

Для следующего HTML -кода (с синтаксисом AlpineJS) я намерен создать динамические якоря для каждой записи. Это работает для Popover , но как я могу установить его для кнопки ?

Код: Выделить всё

   

[img]/images/icons/extend.svg[/img]



[img]/images/icons/cancel.svg[/img]
Teilen beenden



< /code>
css < /p>
[popover]{
position: absolute;
position-anchor: auto; // Using value from the anchor attribute
position-area: center right;
position-try-fallbacks: flip-block, flip-inline;
}
[popovertarget]{
anchor-name: // what to put here to match the anchor var?
}

или есть какой -либо другой подход, который позволяет мне иметь какое -либо количество якорей с динамическим идентификатором?

Подробнее здесь: https://stackoverflow.com/questions/797 ... dentifiers