2类具有相同名称的css并单独调用它们[关闭]

Question

我有两个同名的班级

.class{ ...}
.class{ ...}

我想同时调用两个类。

<p class="class">first class</p>  
<p class="class">second class</p>  

一些帮助。

Answer 1

检查这个例子：

• .class全选
• .class:first-child只选择第一个
• .class:last-child 只选择最后一个
• .class:last-child只选择指定位置

已编辑：我添加了内联样式来修改单个元素而不修改 css 文件（如您在评论中的要求）

.class{
  color:red;
}

.class:first-child {
  background: yellow;
}

.class:last-child  {
  background: green;
}

.class:nth-child(2n) {
  background: purple;
}

<div class="wrapper">
  <p class="class">first class</p>  
  <p class="class">second class</p>
  <p class="class">last class</p>  
</div>


<div class="wrapper-inline">
  <p style="color:red">first class</p>  
  <p style="color:green">second class</p>
  <p style="color:blue">last class</p>  
</div>