是否有CSS选择blockquote只有它是div中的第一个元素?

时间:2014-05-30 21:54:14

标签: html css css-selectors

我正在为博客设计工作。是否有一个css选择器(或其他方式不涉及用户向blockquote标签添加类或id),这将允许我区分div的最开始发生的块引用和中间的blockquote一些文本块之后的div?

也就是说,我想要一个博客文章开头的块引用,它有一组css样式,并且在博客帖子的主体中出现的块引用具有其他样式参数。

这可能吗?

2 个答案:

答案 0 :(得分:8)

简单地:

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

JSFiddle demo

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

要设置不属于第一个孩子的blockquote个元素,您只需使用div > blockquote选择器,因为它的特异性低于上一个。

答案 1 :(得分:-1)

您正在寻找nth-child的声音。

阅读本文:http://css-tricks.com/how-nth-child-works/