css 如何从下一级嵌套中获取元素

j2datikz 于 2023-02-14 发布在其他

关注(0)|答案(2)|浏览(150)

我有这个由WordPress插件生成的结构：

<span>
  <input/>
</span>
<label></label>

我需要这样写我的css：

input:focus+label {
  color: #1743fc;
  transform: translateY(1rem) translateX(0.5rem);
}

但是“+”和“~”规则不起作用。我该怎么做呢？

来源：https://stackoverflow.com/questions/75430158/how-to-take-an-element-from-the-next-level-of-nesting

2条答案

按热度按时间

您现在可以在某些浏览器中使用:has()：

span:has(input:focus) + label {
  color: #1743fc;
  transform: translateY(1rem) translateX(0.5rem);
}

赞(0）回复(0）举报 2023-02-14

input:focus+label {
  color: #1743fc;
  transform: translateY(1rem) translateX(0.5rem);
}

赞(0）回复(0）举报 2023-02-14

相关问题

热门标签

Java query python Node 开发语言 request Util 数据库 Table 后端算法 Logger Message Element Parser

最新问答

xxl-job 安全组扫描到执行器端口服务存在信息泄露漏洞
回答(1) 发布于 4个月前
xxl-job 不能和nacos兼容？
回答(3) 发布于 4个月前
xxl-job 任务执行完后无法结束，日志一直转圈
回答(3) 发布于 4个月前
xxl-job-admin页面上查看调度日志样式问题
回答(1) 发布于 4个月前
xxl-job 参数512字符限制能否去掉
回答(1) 发布于 4个月前