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

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 仅应用于“字段字段名称前缀”。我怎样才能做到这一点？

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>