<分区>
<分区>
在一个页面上,我有两个段落,它们都是通过 .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 总是包含时间,您可以在入口 div 中使用 :first-child,那么您可以只定位 div 中的第一个 p。
例如:
.entry p:first-child {
css here
}
或使用 Jquery:
$('.entry p .time').parent().addClass('p-class');
关于html - 条件 CSS : if a selector contains another selector?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44634075/