无法从blockquotes中删除样式

时间:2014-05-10 19:05:00

标签: css

我刚刚完成了我的第一个正确的网页设计(这是我自己的网站),我已经为我的文章设计了p标签的第一行和字母,它们工作得很好,但第一个字母blockquotes的行也继承了那种风格,我根本无法改变它。

我有一种感觉,我在这里错过了一些简单的东西。例如,查看blockquotes on this page

我已经尝试过明确地设计blockquote的第一行和字母,但它似乎不起作用。对于它的价值,我现在正在使用第一类;我也尝试过第一个孩子,但无济于事。

更新:这是一个jsfiddle --- http://bit.ly/1j70PCT

2 个答案:

答案 0 :(得分:0)

使用:not()伪类来阻止blockquote元素在初始声明中被设置样式:

.entry-content :not(blockquote) p:first-of-type:first-letter {
    font-size: 2em;
}

..或使用更具体的选择器覆盖样式:

.entry-content blockquote p:first-of-type:first-letter {
    font-size: inherit;
}

答案 1 :(得分:0)

blockquote > p:first-letter {
  font-size: inherit;
}