我有两个相同的 cIass 名称，一个样式可以为第一个 div 类应用样式？

Question

我有两个像这样的 div：

<div class="circle">
<div class="circle">

我有一种风格：

.circle{
    width="100";
    height="200";
}

在这种情况下，我的 css 仅适用于第一个 div，这可能吗？

Answer 1

使用.circle:first-child 即可解决问题

.circle:first-child {
  height: 100px;
  width: 100px;
  background: red;
}

<div class="circle">First child</div>
<div class="circle">Second child</div>