Question

单击＆＃34;类别＆＃34;是否有可能让以下html切换崩溃/解除崩溃？只有CSS。

我无法更改Html，但我可以添加CSS。

<div class="prdctfltr_filter prdctfltr_meta prdctfltr_text prdctfltr_single" data-filter="mta_vendor_2_10" data-limit="0">
    <input name="mta_vendor_2_10" type="hidden">
    <span class="prdctfltr_regular_title">Categories<i class="prdctfltr-down"></i></span>

    <div class="prdctfltr_add_scroll" style="max-height:;">
        <div class="prdctfltr_checkboxes">
            <label class="prdctfltr_ft_none"><input type="checkbox" value=""><span>none</span></label>
            <label class="prdctfltr_ft_cat1"><span><input type="checkbox" value="cat1"><span>Category 1</span></span></label>
            <label class="prdctfltr_ft_cat2"><span><input type="checkbox" value="cat2"><span>Category 2</span></span></label>
            <label class="prdctfltr_ft_cat3"><span><input type="checkbox" value="cat3"><span>Category 3</span></span></label>
        </div>
    </div>
</div>

Answer 1

是： - ）

使用:focus伪类。

<div class="target" tabindex="0">Click me</div>
<div class="menu">I am menu</div>

.target + .menu {
  display: block
}

.target:focus + .menu {
  display: block;
}

演示：

  .target + .menu {
      display: none;
    }
    
    .target:focus + .menu {
      display: block;
    }

<div class="target" tabindex="0">Click me</div>
    <div class="menu">I <br>am<br> menu</div>

Answer 2

否，

没有＆＃39;点击＆＃39;纯CSS中的事件 （因为您无法更改HTML） 。你可以用悬停来做，但这显然只适用于悬停。

如果你可以添加一些javascript，你可以在点击时添加一个类，并使用该类进行CSS样式。

CSS崩溃类别列表

2 个答案: