Question

如何在以下HTML代码中相互独立地设置数字？

<div class="info-down">
    <div class="container">
        <div class="row">
            <div class="col-xs-4">24</div>
            <div class="col-xs-4">07</div>
            <div class="col-xs-4">15</div>
        </div>
    </div>
  </div>

Answer 1

您可以为每个div添加id或其他类，并独立设置它们。

Answer 2

这可能会对您有所帮助：

使用演示进行更新

＆＃13;

  .col-xs-4:nth-child(1)
    {
    color:red;
    }
    .col-xs-4:nth-child(2)
    {
    color:green;
    }
    .col-xs-4:nth-child(3)
    {
    color:blue;
    }

＆＃13;

<div class="info-down">
        <div class="container">
            <div class="row">
                <div class="col-xs-4">24</div>
                <div class="col-xs-4">07</div>
                <div class="col-xs-4">15</div>
            </div>
        </div>
</div>

＆＃13;

Answer 3

嗯，你有两种选择。您可以通过添加此style="color:red"为每个数字添加样式属性，以便该行看起来像<div class="col-xs-4" style="color:red">。这会将文本的颜色变为红色。或者你可以创建一个.CSS文档并通过向每个div元素id="firstLine"添加id来设置它，然后将它放在.CSS文档#firstLine{color:red;}中。 #字符用于按id设置样式元素，.字符用于按类设置元素样式。 .CSS文档是建议的样式方法，因为它可以保持代码分割并且看起来很整洁。

如何在同一个div标签下设置一组元素，使它们相互独立？

3 个答案: