css - 如何将不同的 css 应用于 div 中具有相同类的两个 div？

Question

<div class="section-cm director-general-section">
  <h2 class="widget-title section-cm-heading heading--center">Director General</h2>
  <img width="140" height="160" class="image wp-image-183  attachment-full size-full" alt="" style="max-width: 100%; height: auto;">
  <div class="textwidget custom-html-widget">Director</div>
  <div class="textwidget custom-html-widget">hello</div>
</div>

如何将不同的 CSS 应用于 .custom-html-widget DIV？我无法向 DIV 添加唯一类。

Answer 1

你可以试试下面的代码

.custom-html-widget:nth-of-type(1){
 color:red;   
}

现在，如果您有很多 no of div 或 li 元素，您可以简单地使用 nth-type 规则..