如何选择第一个孩子按照类没有类的类似元素？

问题描述：

如何在此构造中选择第一个具有类“红色”（第一个）的元素？如何选择第一个孩子按照类没有类的类似元素？

HTML：

<div class='container'> 
    <p>Zero</p> 
    <p class="red">First</p> 
    <p class="red">Second</p> 
</div>

试试'''$（ “容器 ”）。儿童（“ 红”）。第（）''' – Varinder

存在问题的CSS标签所以我假设他的目的是为一个CSS唯一的解决方案。 – markusthoemmes

谢谢。但我需要用CSS来完成。不是jQuery – inser

答

试试这个..

.container .red:nth-child(2) 
{ 
color: red; 
}

好的。适用于这种情况。但是如果在第一个“红”之前，我有很多没有课的p元素？ – inser

让我解释为什么这个答案赢了：它做了我所需要的 - 使用一个css表达式选择所需的元素 – inser

答

好，不是很漂亮，但做这项工作：

.container p + p.red { 
    color: red; 
} 

.container p + p.red ~ p { 
    color:black; /*reverting back*/ 
}

答

.container p[class=red]:nth-child(2) 
     { 
      color: red; 
     }