html - 条件 CSS : if a selector contains another selector?

标签 html css

<分区>

在一个页面上,我有两个段落,它们都是通过 .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/

上一篇:Javascript 显示代码而不是执行

下一篇:html - 如何将两个 CSS 规则添加到一个 html 元素

相关文章:

CSS Sprite 导航问题

javascript - 基于类创建内联图像

加载页面之前加载javascript菜单

javascript - 当我在输入文件中插入文件时,它会显示预览,但如何删除选定的文件?

javascript - HTML 选择选项多个 - 不在焦点上时更改所选元素的灰色背景

javascript - 在鼠标悬停时更改按钮文本,调整整个按钮的大小

html - 防止 <li> 跨行

css - 灯塔标记的神秘 CSS 是什么?

internet-explorer - 悬停时图像交换,文本链接在顶部

html - 如何缩小我的 scss 代码?