如何为主“类”中的每个“ID”编写CSS

Question

在为给定的HTML片段编写正确的CSS代码时遇到问题。

这是我的HTML：

<div class="FourSquares">
    <div id="first"></div>
    <div id="second"></div>
    <div id="third"></div>
    <div id="fourth"></div>
</div>

我需要设置名为的<{1}}的位置。以下是所有id代码的常见CSS属性。

div

但我需要以不同的方式设置每个.FourSquares{ border: 2px solid black; height: 130px; width: 220px; position: absolute; } 的位置。我尝试过这种方法，但它不起作用。

id

你们有没有人可以帮助我理解如何为这样的实例正确编写CSS 代码？

Answer 1

在代码css中使用id不正确。

id属性

<div class="FourSquares">
    <div id="first"></div>
</div>

然后为具有特定ID的元素定义样式：

.ForSquares #first {
    left: 260px;
    top: 785px;
}

Answer 2

  

iOS Simulator：选择class =“first”

的所有元素      

.first：选择id =“first”

的元素

您在html代码中使用#first，因此：

更改

id

要

.FourSquares .first{