Html 在CSS中选择类的子类
我有一个类似的html代码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*/ } 不要使用在
<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*/
}