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>

Answer 2

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

style.css

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

style2.css

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

html

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

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

2 个答案: