我正在设计一个博客。是否有一个 css 选择器(或其他不涉及用户向 blockquote 标签添加类或 id 的方式)可以让我区分出现在 div 开头的 blockquote 和中间的 blockquote一些文本 block 后的div?
也就是说,我希望作为博客文章开头的 block 引号具有一组 css 样式,而出现在博客文章正文中的 block 引号具有其他样式参数。
这可能吗?
最佳答案
简单地:
div > blockquote:first-child {
...
}
这结合了 child combinator (>
)与 :first-child
structural pseudo-class仅当 div
元素是第一个子元素时才选择 div
元素的直接子 blockquote
元素。
然后要为不是第一个子元素的 blockquote
元素设置样式,您只需使用 div > blockquote
选择器,因为它的特异性低于上面的.
关于html - 是否有 CSS 仅当它是 div 中的第一个元素时才选择 blockquote?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23963919/