我有这个 HTML 结构,我想像这样在 CSS 中定位 divs
:
<div></div>
<div></div>
<div></div> <!-- SPECIFIC STYLE -->
<div></div>
<div></div>
<div></div> <!-- SPECIFIC STYLE -->
<div></div>
<div></div>
<div></div> <!-- SPECIFIC STYLE -->
我不知道如何使用 nth-child
在 CSS 中定位这些 div?
最佳答案
因为你想改变每三个元素的样式。你可以这样做:
div:nth-child(3n+0) {
color: red;
}
<div>1</div>
<div>2</div>
<div>3</div> <!-- SPECIFIC STYLE -->
<div>4</div>
<div>5</div>
<div>6</div> <!-- SPECIFIC STYLE -->
<div>7</div>
<div>8</div>
<div>9</div> <!-- SPECIFIC STYLE -->
关于html - 针对特定的 <div> CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42783467/