html - 在 CSS 中选择一个类的 child

Question

我有一个类似的html代码

<div class="form">
<form>
<input type="text"/>
<input type="submit"/>
</form>
</div>

我想选择具有属性 class=form 的 div 的所有输入

我在 CSS 中尝试过但没有成功:

.form > input {}
div[class="form"] > input {}
div[class=form] > input {}

请问如何在 CSS 中选择类的子元素？

提前致谢；)

Answer 1

>表示 child ，而在您的代码中 input不是 div 的 child (或直系后代) .

你应该使用后代选择器:

.form input {}
div input {}

如果你想要一个子选择器，这些是正确的:

.form > form > input {}
div > form > input {}