Css ：焦点不适用于输入控制SCS

我正在使用scss，我正在尝试创建一个没有javascript的浮动标签。 在这里，我在一个div中有一个文本框和标签，其类名为

表单类型textfield

和

表单类型email

。我在这里试图做的是，每当关注textbox时，我都会向上移动标签

但似乎

：focus

对我不起作用，但当我使用

：hover

时，它工作正常，但我想在：focus上应用css

我做错了什么？ 我的html结构如下所示

<div>
    <label>Label</label>
    <input type="textbox">
</div>

---

如果我没看错你的问题，你是想用：关注

元素？据我所知，：focus仅适用于采取用户输入/操作的元素，例如

和

标记。这可以解释为什么：hover有效，但：focus无效。

如果我正确地阅读了您的问题，您是否试图在

元素上使用：focus？据我所知，：focus仅适用于采取用户输入/操作的元素，例如

和

标记。这将解释为什么：悬停工作，但：焦点不起作用。

A

div

没有

：focus

状态，但您可以使用

：focus in

或者，如果标签跟随标记上的

输入

，则可以使用同级组合器以这些标签为目标，例如

:focus + label { ... }

---

div

没有

:focus

状态，但您可以使用

:focus在
中检查其子代是否聚焦

或者，如果标签跟随标记上的
输入
，则可以使用同级组合器以这些标签为目标，例如

:focus + label { ... }

嗨，我错过了帖子中的
输入
，我已经更新了。该样式现在正在寻找作为输入子项的标签。它不能工作。我错过了帖子中的
输入
，我已经更新了。该样式现在正在寻找作为输入子项的标签。它无法工作感谢更新后的帖子-看起来您正在使用嵌套并将标签作为输入的子对象？这将是一个问题，因为输入和标签（可能）是同级的？您需要更改SCS的结构，因为您当前的目标是子元素。使用同级选择器（+）或类名（我认为类名可以很好地工作，因为这似乎是您在整个站点重复的内容？）。感谢更新的帖子-看起来您正在使用嵌套并将标签作为输入的子项？这将是一个问题，因为输入和标签（可能）是同级的？您需要更改SCS的结构，因为您当前的目标是子元素。使用同级选择器（+）或类名（我认为类名可以很好地工作，因为这似乎是您在整个站点中重复的内容？）。您可以发布出错的代码吗？在您当前的示例中，没有
：focus
。您可以发布出错的代码吗？在当前示例中，没有
：focus
。
:focus + label { ... }