条件 CSS：如果一个选择器包含另一个选择器？ [复制]

Question

在一个页面上，我有两个段落，这两个段落都是通过.entry p 选择器标识的。但是，第一个还包含一个时间戳，标记为 .time 选择器——代码如下所示：

<div class="entry">

    <p><span class="time">17:25:22</span> Sed ut perspiciatis, unde omnis iste natus.</p>

    <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit?</p>

</div>

现在，是否可以在不引入新选择器的情况下对这两个段落应用不同的规则？比如，因为第一个包含这个span class="time"，而第二个没有？

Answer 1

如果第一个 p 总是包含时间，您可以在条目 div 中使用 :first-child，那么您可以只定位 div 中的第一个 p。

例如：

.entry p:first-child {
 css here
}

或使用 Jquery：

$('.entry p .time').parent().addClass('p-class');