Html 当我直接使用多个数字而不是“1”时,如何选择多个数字;“奇数”;及;偶数;关于css?

Html 当我直接使用多个数字而不是“1”时,如何选择多个数字;“奇数”;及;偶数;关于css?,html,css,Html,Css,我一直试图在CSS网格上做一个布局,从CSS网格的教程中得到帮助,视频中的人使用“偶数”和“奇数”属性来选择他要处理的数字,但我想自己选择这些数字,这样我就可以以更个人化的方式做事情(它只适用于一个数字),但是当我在这里和其他地方搜索时,我得到的都是关于专栏的东西,所以我有点困惑,因为我不知道我是否没有用合适的词和术语搜索,如果没有其他合适的用法,我最终认为我没有找到答案,而这可能是唯一的答案,以下是我在教程中看到的代码,我想对其进行修改: <!DOCTYPE html>

我一直试图在CSS网格上做一个布局,从CSS网格的教程中得到帮助,视频中的人使用“偶数”和“奇数”属性来选择他要处理的数字,但我想自己选择这些数字,这样我就可以以更个人化的方式做事情(它只适用于一个数字),但是当我在这里和其他地方搜索时,我得到的都是关于专栏的东西,所以我有点困惑,因为我不知道我是否没有用合适的词和术语搜索,如果没有其他合适的用法,我最终认为我没有找到答案,而这可能是唯一的答案,以下是我在教程中看到的代码,我想对其进行修改:

    <!DOCTYPE html>

    <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />


        <title></title>

    </head>

    <body>
        <style>
    .grid div:nth-child(even){ 
     background-color:red;
    }
    .grid div:nth-child(3){ 
     background-color:green;
    }
    </style>

    <div class="grid">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    </div>
    </body>

    </html>

.grid div:n个子级(偶数){
背景色:红色;
}
.grid分区:第n个子(3){
背景颜色:绿色;
}
1.
2.
3.
4.
5.
6.

.grid div:nth child(3){您可以选择多个
nth child
,并用逗号分隔它们

.grid div:nth-child(2),
.grid div:nth-child(3),
.grid div:nth-child(5) {
  background-color:green;
}
注意:如果愿意,您也可以在第n个子项中使用公式,例如第n个子项(2n),
n个子项(4n+5)
,等等


您可以阅读更多有关CSS
nth child
属性的信息。

*或者如果没有其他属性(如果意外输入),您不能在其中写入多个数字。您选择此属性的标准是什么?这就是我要说的,非常感谢!!