Question

我不确定这是否可行。但基本上我使用Pseudo元素在另一段内容中滑动。这非常有效。但是，我还想做的是在勾选复选框或单选按钮时使其显示并保持不变。是否可以使用复选框欺骗Pseduo状态。

基本上我想要一个复选框来触发一个活跃的Pseduo状态。

任何人都可以在不改变当前设置的情况下建议最好的方法

.client-link.has-content:target .client:after,
.client-link.has-content:active .client:after,
.client-link.has-content:focus .client:after {
left:50%;
}

谢谢大家。

Answer 1

是的，但是您要在复选框后面直接放置带有:after CSS的元素，并使用相邻的兄弟选择器+来定位它（就像在我的回答中一样），或者您可以将它放在复选框后的任意位置，并使用常规兄弟选择器~来定位它。

input[type="checkbox"]:checked + .foo:after {
  content: 'foo';
}

<input type="checkbox">
<div class='foo'></div>

使用Checkbox激活CSS Pseudo

1 个答案: