html - 是否有 CSS 仅当它是 div 中的第一个元素时才选择 blockquote?

标签 html css css-selectors

我正在设计一个博客。是否有一个 css 选择器(或其他不涉及用户向 blockquote 标签添加类或 id 的方式)可以让我区分出现在 div 开头的 blockquote 和中间的 blockquote一些文本 block 后的div?

也就是说,我希望作为博客文章开头的 block 引号具有一组 css 样式,而出现在博客文章正文中的 block 引号具有其他样式参数。

这可能吗?

最佳答案

简单地:

div > blockquote:first-child {
    ...
}

JSFiddle demo .

这结合了 child combinator (>):first-child structural pseudo-class仅当 div 元素是第一个子元素时才选择 div 元素的直接子 blockquote 元素。

然后要为不是第一个子元素的 blockquote 元素设置样式,您只需使用 div > blockquote 选择器,因为它的特异性低于上面的.

关于html - 是否有 CSS 仅当它是 div 中的第一个元素时才选择 blockquote?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23963919/

相关文章:

html - 表列的动态溢出x?

css - 部分div被相对div隐藏了

java - 使用 JSoup CSS 选择器

javascript - CSS 不会在类名开关上激活

CSS 选择器 - 表中的第一个 h2

html - 如何使 <h2> 中的文本出现在中心

html - 为什么页脚后面有那么多空白?

javascript - 如何提醒 Tic Tac Toe 中的获胜者?

javascript - 如何在 solid gauge (highcharts) 中正确设置 y 轴?

ios - 如何解决位置:fixed for a button at the bottom of the screen in iOS (ipad/iphone)?的问题