Html 将不同的CSS应用于具有相同类的div

示例：

文本1需要有不同的CSS

<div class="cta-content-wrapper">
  <div class="activedemand-text-wrapper">
    <p>
     <span>text1</span>
    </p>
  </div>
</div>

<div class="cta-content-wrapper">
  <div class="activedemand-text-wrapper">
    <p>text2</p>
  </div>
</div>

文本1

文本2需要有不同的CSS

<div class="cta-content-wrapper">
  <div class="activedemand-text-wrapper">
    <p>
     <span>text1</span>
    </p>
  </div>
</div>

<div class="cta-content-wrapper">
  <div class="activedemand-text-wrapper">
    <p>text2</p>
  </div>
</div>

文本2

HTML代码无法编辑，并且这些div上面的div id是唯一的，在重新加载时会发生更改

有人能帮我吗

我不仅想给文本添加不同的颜色，还想添加一些填充和边距

.cta内容包装器p>span{
颜色：黑色；
字体大小：32px；
字号：700；
}
.cta内容包装器p{
颜色：蓝色；
字体大小：25px；
字号：600；
}

文本1

文本2

.cta内容包装器p>span{
颜色：黑色；
字体大小：32px；
字号：700；
}
.cta内容包装器p{
颜色：蓝色；
字体大小：25px；
字号：600；
}

文本1

文本2

您需要创建两个不同的.css文件，如：

style.css

.cta-content-wrapper p > span{
    color: black;
    font-size: 32px;
    font-weight: 700;
    margin-left: 100px;
}

样式2.css

 .cta-content-wrapper p{
    color: blue;
    font-size: 25px;
    font-weight: 600;
}

html

文本1

文本2

您需要创建两个不同的.css文件，如：

style.css

.cta-content-wrapper p > span{
    color: black;
    font-size: 32px;
    font-weight: 700;
    margin-left: 100px;
}

样式2.css

 .cta-content-wrapper p{
    color: blue;
    font-size: 25px;
    font-weight: 600;
}

html

文本1

文本2

显示完整的HTML结构。cta内容包装器：第n个孩子（1）。activedemand文本包装器{…}。cta内容包装器：第n个孩子（2）。activedemand文本包装器{…}此代码不足以给出完整的答案，但请查看

：nth-child（）

，

：第一个孩子

和

：最后一个孩子

您不能运行js脚本吗，这会在你的特定文本中添加一个类和css吗？@whoythisonebe我不认识那个人：（显示完整的HTML结构。cta内容包装器：第n个孩子（1）。activedemand文本包装器{…}。cta内容包装器：第n个孩子（2）。activedemand文本包装器{…}这段代码不足以给出完整的答案，但请查看

：第n-child（）

，

：第一个孩子

和

：最后一个孩子

难道你不能运行一个js脚本，在你的特定文本中添加一个类和css吗？@谁可能是这个人我不认识那个人：（这行得通，但当我想添加一些边距时。这行不通：（两个文本都会向下和向上运行，但当我想添加一些边距时。那行不通：（两个文本将上下移动。）