HTML – Div奇怪甚至（html dive）

25-03-04 9

在本文中，我们将详细介绍HTML–Div奇怪甚至的各个方面，并为您提供关于htmldive的相关解答，同时，我们也将为您带来关于$scope.test="";变量test在页面上怎么能够显示a.htm

在本文中，我们将详细介绍HTML – Div奇怪甚至的各个方面，并为您提供关于html dive的相关解答，同时，我们也将为您带来关于$scope.test = "

"; 变量test在页面上怎么能够显示a.html页面的内容、div 位置的奇怪问题_html/css_WEB-ITnose、div1 div2 怎么把div2定位到div1的右下角_html/css_WEB-ITnose、div2 在 div3中，希望div2的高度填满div3_html/css_WEB-ITnose的有用知识。

本文目录一览：

HTML – Div奇怪甚至（html dive）

"; 变量test在页面上怎么能够显示a.html页面的内容">$scope.test = "

"; 变量test在页面上怎么能够显示a.html页面的内容

div 位置的奇怪问题_html/css_WEB-ITnose

div1 div2 怎么把div2定位到div1的右下角_html/css_WEB-ITnose

div2 在 div3中，希望div2的高度填满div3_html/css_WEB-ITnose

HTML – Div奇怪甚至（html dive）

我有一个问题,我相信有一个简单的修复我只是不知道自己修复.

说我有一些div,即

<divhttps://www.jb51.cc/tag/Box/" target="_blank">Box-1"></div>
<divhttps://www.jb51.cc/tag/Box/" target="_blank">Box-2"></div>
<divhttps://www.jb51.cc/tag/Box/" target="_blank">Box-3"></div>
<divhttps://www.jb51.cc/tag/Box/" target="_blank">Box-4"></div>

等等

如果这些盒子需要替代颜色.我需要创建一些基本上执行以下操作的css：

.Box-(odd-number) {
    color:#000;
}
.Box-(even-number) {
    color:#fff;
}

显然我知道上面的语法不正确.有人可以指出我正确的方向.

谢谢

解决方法

您可以使用nth-of-type伪类,结合关键字odd和even：

.Box:nth-of-type(odd) {
background-color:#000;
}
    
.Box:nth-of-type(even) {
background-color:#fff;
}

.Box {
display: inline-block;
width: 100px;
height: 100px;
border: 1px solid #f00;
}

<divhttps://www.jb51.cc/tag/Box/" target="_blank">Box"></div>
<divhttps://www.jb51.cc/tag/Box/" target="_blank">Box"></div>
<divhttps://www.jb51.cc/tag/Box/" target="_blank">Box"></div>
<divhttps://www.jb51.cc/tag/Box/" target="_blank">Box"></div>

$scope.test =