我遇到了一些麻烦,我试图隐藏,直到用户点击一个元素.
HTML看起来像:
<h3 class="filter-type">BRAND</h3>
<div class="sidebarlistscroll">
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
这是CSS:
.filter-type {
border-bottom: 1px dotted #666;
}
.sidebarlistscroll {
width: 220px;
height: 200px;
margin-bottom: 15px;
overflow-y: scroll;
border: none;
visibility: hidden;
}
.filter-type:active .sidebarlistscroll {
visibility: visible;
}
Run Code Online (Sandbox Code Playgroud)
我也尝试过使用:focus和:hover子类,但它仍然不起作用,div无论如何都保持隐藏状态.
我试图在不使用javascript的情况下实现此目的.
我在这做错了什么?
谢谢,希望有人能帮忙.
我是 Flask 的新手,所以如果我说了什么愚蠢的话,请原谅并忘记。
我正在尝试制作一个简单的票务应用程序,我已经到了需要制作“分配”按钮的地步,以便可以将某个票证分配给某个用户。
我的部分代码目前如下所示:
模板代码:
{% for ticket in tickets %}
<tr {% if ticket.ticket_status == 0 %} class="warning" {% elif ticket.ticket_status == 1 %} class="info" {% endif %}>
<td>{{ ticket.ticket_id }}</td>
<td>{{ ticket.loc_name }}</td>
<td>{{ ticket.loc_ip }}</td>
<td>{{ ticket.ticket_title }}</td>
<td><a class="btn btn-default btn-xs" href="#">Read</a></td>
<td>{{ ticket.ticket_status }}</td>
<td>
{% if ticket.ticket_status == 0 %}
<a class="btn btn-info btn-xs" href="{{ url_for('assign_to', ticket_id = ticket.ticket_id) }}">Assign</a>
{% else %}
{{ ticket.ticket_owner }}
{% endif %}
</td>
<td>{{ ticket.ticket_open }}</td> …Run Code Online (Sandbox Code Playgroud)