在CSS中选择一个类的子级

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

>意思是孩子,而在你的代码input中不是孩子(或直系后裔)div.

你应该使用后代选择器:

.form input {}
div input {}

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

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