html - 使用 class = row 操作第二个 div

Question

我有以下html代码。是否可以操作第二行元素以及如何操作？

<style>
.span11 row{}
</style>

<div class="span11">
    <div class="row"></div>
    <div class="row"></div>
</div>

有用！

.row:nth-child(2){background:#000;}

score 3 · Accepted Answer

3

2种方法：

于 2013-10-07T08:56:16.227 回答

score 0 · Accepted Answer

0

是的。。像这样。

<style>
.span11 .row{
}

.span11 .row + .row {
}
</style>

于 2013-10-07T08:55:07.190 回答

score 0 · Accepted Answer

您可以使用 CSS3 选择器 nth-child

例子：

.span11 row:nth-child(2)
{
background:#ff0000;
}

更多信息请访问W3 学校网站。

请记住，此解决方案是面向未来的，并且可以在大多数现代浏览器中顺利运行，但在某些浏览器的过时版本（如 Internet Explorer 9 和更早版本）上表现不佳。

score 0 · Accepted Answer

0

你可以使用

.row:nth-child(2) {

}

于 2013-10-07T08:56:09.827 回答

score 0 · Accepted Answer

你可以nth-child(child number) 使用

.row:nth-child(the numbed child here) {

}

就像你的情况一样，你正在调整第二个孩子，所以

  .row:nth-child(2) {
  // your styles here
  }

score 0 · Accepted Answer

0

尝试.span11 div:nth-of-type(3n+2) { border:1px solid red;}

于 2013-10-07T09:52:54.190 回答

6 回答 6