Question

目前我有3个div，内容可以使用php和mysql动态回显。

我如何定位这些3的中心div并将css应用于它？

目的是在中心div上使用margin-left和right分隔第一个，第二个和第三个div，使其看起来更整洁，并且可以分离每个div的内容，因此它看起来不像一个完整的块文本。

将margin:left;添加到课程中是不可能的，因为我希望第一个div用上面的div显示“inline”。

那么有没有办法定位输出的中心div并将css应用到它？

php：

foreach ($stmt as $row) {
$cont_short .= "
    <div class='cont_short'>
      <h1>".$row['title']."</h1>
      <p>".$row['description']."</p>
    </div>
    "
    ;

CSS：

.cont_short{
  float: left;
  width: 31.5%;
  padding: .4em;
  margin-bottom: .5em;
  background: #DDD8DC;
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  -khtml-border-radius: .2em;
  border-radius: .2em;
}

Answer 1

按照下面一行

我如何定位这些3的中心div并将css应用于它？

您可以使用nth-of-type选择器专门定位第二个div ...

div.wrap div.cont_short:nth-of-type(2) {
    color: red;
}

Demo

因此，上面的选择器选择嵌套在div class

的元素内的第二个.wrap

使用float：left时，如何向中心div左右设置边距

1 个答案: