为带有css的html提供两种背景色不起作用

为带有css的html提供两种背景色不起作用,html,css,forms,input,background,Html,Css,Forms,Input,Background,我有一个以HTML格式显示的表单,表单HTML代码如下: :您代码的第n个子(2n+1)部分将用于窗体控件类,与兄弟姐妹生活在同一级别。没有其他表单控件类作为同级上的同级。他们住在不同的柱子里。这就是为什么2n+1在它自己的级别中找不到第三个表单控件的原因。因此,基本上您必须将类col-lg-3作为第n个子类(2n+1)。这样应该行得通- .col-lg-3:nth-child(2n+1) { background-color: grey; } 这样,如果希望根据列的不同设置样式,则

我有一个以HTML格式显示的表单,表单HTML代码如下:

:您代码的第n个子(2n+1)部分将用于
窗体控件
类,与兄弟姐妹生活在同一级别。没有其他
表单控件
类作为同级上的同级。他们住在不同的柱子里。这就是为什么2n+1在它自己的级别中找不到第三个
表单控件的原因。因此,基本上您必须将类
col-lg-3
作为第n个子类(2n+1)。这样应该行得通-

.col-lg-3:nth-child(2n+1) {
    background-color: grey;
}
这样,如果希望根据列的不同设置样式,则可以选择其他每一列,然后选择最终的
表单控件

你可以在这里看到它-

编辑: 经过进一步的澄清,下面是在这种情况下应该可以使用的代码,上面的解释只是对选择器做了一点修改-

.row:nth-child(2n+1) .form-control {
    background-color: #000;
}

您必须为类指定行而不是窗体控件

.row:nth-child(2n+1){
background: grey;
}

这不是我要找的bro,类似于.row:nth child(2n+1){background:grey;},但仅针对输入背景,如何在其中指定输入背景,然后您只需选择.form控件,如so-.row:nth child(2n+1).form控件。一旦选择了第n行/列,您只需通过添加带有空格的类名(如普通seelctor)来选择其中的输入,并设置背景色:灰色。您可以从页面源代码复制生成的html并将其添加到JSFIDLE并提供链接吗?bro您可以打开聊天室吗bro您可以打开聊天室吗?几乎就是我要找的,但是我想指定只有输入背景颜色被更改,然后您可以执行类似的操作
.row:nth child(2n+1)>input{background:grey}
您确定您的意思不是类型的
:nth
-选择器吗?