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

Question

示例:

TEXT 1 需要有不同的 CSS

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

TEXT 2 需要有不同的 CSS

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

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

有人可以帮帮我吗？

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

Answer 1

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




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

<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>