html - 如何从 CSS 定位未知的

Question

如何将 :target {opacity: 1} 添加到下面的 href"#pop{{user.user_id}}" 中？user_id 在页面生成之前是未知的

for循环如下；

{% for user in pull %}
    <a href="#pop{{user.user_id}}">Link: {{user.user_name}} {{ user.user_id }}</a>

    <div style="opacity:0" id="pop{{user.user_id}}">
                {{ user.info }}
    </div>
{% endfor %}

从 Django 翻译到网页后看起来像这样。

<a href="#pop10">Link: tom 10</a>

<div style="opacity:0" id="pop10">
this is my info
</div>

<a href="#pop8">Link: ann 8</a>

<div style="opacity:0" id="pop8">
i am an apple
</div>

<a href="#pop3">Link: mike 3</a>

<div style="opacity:0" id="pop3">
i like pears
</div>

Answer 1

如果它们的样式都相同，那么您可以在循环中为每个 div 和 anchor 添加一个类，然后将样式添加到这些 anchor 和具有此添加类的 div。如果你想为这些 div 和 anchor 设置不同的样式，那么你需要有 id。希望对你有帮助

{% for user in pull %}
    <a class="styled_class" href="#pop{{user.user_id}}">Link: {{user.user_name}} {{ user.user_id }}</a>

    <div class="styled_div" style="opacity:0" id="pop{{user.user_id}}">
                {{ user.info }}
    </div>
{% endfor %}