条件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"，而第二个不包含这个？{/ p>

Answer 1

你可以使用：first-child，如果第一个p总是包含一个时间，那么你可以在div中找到第一个p。

例如：

.entry p:first-child {
 css here
}

或使用Jquery：

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