Question

我要应用以下CSS设置：

margin-right: 10px;
width: 65px;

此html代码：

<div class="field field-name-prefix">
Test
</div>
<div class="field field-name-vorname">
Test2
</div>

如您所见，我有两个具有相同“字段”类的div。但是我只想将CSS应用于“ field field-name-prefix”。我该怎么办？

Answer 1

在CSS中，您只需要引用所需的类即可：

.field-name-prefix {
    margin-right: 10px;
    width: 65px;
}

Answer 2

由于您已经为Test 2 div使用了不同的类标记，因此在这里很容易。只需将属性应用于类field-name-vorname即可完成工作。参见示例：

.field{
       background-color:red;
    }
    .field-name-prefix{
       /* css for the given class */  
    }
    .field-name-vorname{
      
      margin-right: 10px;
      width: 65px;
    }

<div>
  <div class="field field-name-prefix">
  Test 1
  </div>
  <div class="field field-name-vorname">
  Test 2
  <div>
</div>

将CSS应用于具有多个类的div

2 个答案: