在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 {}

Answer 2

div.form form input { ... }

您可以定位具有此类div.classname

类的div

Answer 3

它应该与

一起使用

.form input {
    /*your css code*/
}

在这种情况下不要使用>，它只选择直接子项

Answer 4

如果您希望表单类中的所有输入都设置为样式：

.form input {}

你用过什么

>

是一个选择器。有关选择器的更多信息，请查看此链接Selectors

Answer 5

你基本上需要div中的所有输入class =“form”。下面是它的CSS。

.form input
{
  /*Your css for the inputs*/   
}

你也可以把它写成 -

div.form input
{
  /*Your css for the inputs*/   
}