Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在CSS中选择类的子类_Html_Css_Css Selectors - Fatal编程技术网

Html 在CSS中选择类的子类

Html 在CSS中选择类的子类,html,css,css-selectors,Html,Css,Css Selectors,我有一个类似的html代码 <div class="form"> <form> <input type="text"/> <input type="submit"/> </form> </div> 那么,请问如何在CSS中选择类的childs元素呢 提前感谢;) 您可以针对一个div,该div的类应该是这样的div.classname .form input { /*your css code*/ } 不要使用在

我有一个类似的html代码

<div class="form">
<form>
<input type="text"/>
<input type="submit"/>
</form>
</div>
那么,请问如何在CSS中选择类的childs元素呢

提前感谢;)

您可以针对一个div,该div的类应该是这样的
div.classname

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

不要使用
在这种情况下,它只选择直接子项
表示子项,而在您的代码
输入中
不是
div的子项(或直接后代)

您应该使用子体选择器:

.forminput{}
div输入{}
如果需要子选择器,则以下选项是正确的:

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

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

.form input {}
你用什么

>

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

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

.form input
{
  /*Your css for the inputs*/   
}
你也可以把它写成-

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

班级没有孩子。发布的示例代码没有“属性class=form的div输入”。虽然可以猜测您的实际意思,但问题应该是可以理解的,无需猜测,以帮助未来的访问者。您的实际意思是如何选择具有属性
class=form
div
的所有
input
后代?如果是,请相应地编辑问题。
.form input
{
  /*Your css for the inputs*/   
}
div.form input
{
  /*Your css for the inputs*/   
}