返回

CSS通过选中一些复选框来更改类显示

发布时间:2022-06-27 01:57:54 246
# 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>

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(1)
按点赞数排序
用户头像