CSS通过选中一些复选框来更改类显示
发布时间:2022-06-27 01:57:54 253
相关标签: # vue.js
我正在尝试通过选中一个复选框来更改 CSS 类属性,但它不起作用......你能帮帮我吗?
我的代码:
<body>
<style>
#test:checked~#title {
display: none;
}
.reverse-flexbox {
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
}
</style>
<div>
<div class="reverse-flexbox">
<h1 id="title">Just a text</h1>
sky is blue
</div>
<div class="reverse-flexbox">
<h1 id="title">Just a text</h1>
i like stackoverflow
</div>
<input type="checkbox" id="test" />
<h1 id="title">Just a text</h1>
<div>Something else</div>
</div>
</body>
</html>
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报