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