子元素状态改变时,怎么改变父元素的css呢?

发布于 2022-09-11 20:00:14 字数 212 浏览 24 评论 0

// 父元素状态改变时,改变子元素的css,可以这样写

form input{
  color: black;
}

form.active input{
  color: red;
}

那么,子元素状态改变时,怎么改变父元素的css呢?
比如:input获取到focus时,怎么改变整个form的颜色?
纯css的写法
求教大家,谢谢!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

伪装你 2022-09-18 20:00:14

也许你可以试试这个 focus-within

css没有选择父元素的选择器只能是给他们相同的父元素添加:hover 改变,不能直接通过子元素来改变父元素CSS

<div class="parent">
    <form>
        <input type="text">
    </form>
</div>
<style>
    .parent:hover input{
        background:green;
     }
    .parent:hover form{
        background:orange;
     }
</style>
笑忘罢 2022-09-18 20:00:14

不行,没有父选择器,用js吧,它是万能的

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文