时间戳

首页 > 解决方案 > 在 CSS 中选择同一类的特定元素

html - 在 CSS 中选择同一类的特定元素

问题描述

我有一些像这样的段落（在h3标签中）

<h3 id="para1" class="para">
        Lorem ipsum dolor sit amet consectetur, 
      </h3>

<h3 id="para2" class="para">
        Lorem ipsum dolor sit amet consectetur, 
      </h3>

<h3 id="para3" class="para">
        Lorem ipsum dolor sit amet consectetur, 
      </h3>

他们都有相同的类 para 我想选择一个特定的 para 像 para2 不使用它的 id 但类我该怎么做？

如果我没有正确解释，我只想知道如何选择同一类的特定元素。我应该使用什么类型的选择器，因为很难使用 id。

标签： htmlcsscss-selectors

解决方案

我强烈建议使用选择器选择您的元素，id因为这是该元素的唯一标识符。但是，:nth-child()如果您知道该类有多少元素以及要选择哪个子元素，则可以使用选择器。例如下面的示例选择第二个孩子：

h3.para:nth-child(2) {
    color: red;
}
<h3 id="para1" class="para">
        Lorem ipsum dolor sit amet consectetur, 
      </h3>

<h3 id="para2" class="para">
        Lorem ipsum dolor sit amet consectetur, 
      </h3>

<h3 id="para3" class="para">
        Lorem ipsum dolor sit amet consectetur, 
      </h3>

推荐阅读