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

msb*_*msb 2 html css css-selectors

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

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

这可能吗?

Jam*_*lly 8

只是:

div > blockquote:first-child {
    ...
}
Run Code Online (Sandbox Code Playgroud)

JSFiddle演示.

这将子组合子(>):first-child结构伪类组合在一起,仅当该元素是第一个子元素时才选择div元素的直接子blockquote元素.

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