Html 如何仅将CSS应用于第一个子div元素？ 儿童内容1 儿童内容2

在上面的示例中，我需要针对“childcontent1”CSS类应用不同的字体颜色。但是，需要注意的是，由于HTML是如何生成的（dynalist.io app），我无法直接针对

node-1

指示“child content 1”CSS语法的设置来自

节点主节点

---

基本上，我需要做的是创建一个CSS类，该类使用node master并将其属性应用于第一个子级

，您可以使用
：第一个子级
CSS选择器，例如，如果您希望以
.node master
的第一个子级
为目标：

<div class = "node-master">
  <div class = "node-1">
    <div class ="node-content">
      child content 1
    </div>
  </div>
  <div class = "node-2">
    <div class ="node-content">
      child content 2
    </div>
</div>

您可以在父对象上使用
：first child
伪选择器：


.node master div：第一个子div.node-content{
颜色：红色；
}
.节点内容{
颜色：蓝色；
}

儿童内容1
儿童内容2
这是一种针对没有类的元素的css

.node-master > div:first-child {
 color: red;
}

希望这能有所帮助
谢谢。
您需要让每个节点的内容都是唯一的，css才会出现

 .node-master > div:nth-child(1){background-color:red;}
 .node-master > div:nth-child(2){background-color:blue;}
 ...
 .node-master > div:nth-child(n){background-color:red;}

给你：

<div class = "node-master">
  <div class = "node-1">
    <div class ="node-content1">
      child content 1
    </div>
  </div>
  <div class = "node-2">
    <div class ="node-content2">
      child content 2
    </div>
</div>

.node-content1 {
  color: #1e00ef
}

.node-content2 {
  color: #f44336
}