如何申请第一个孩子:第一个字母只有一个部分?

时间:2013-10-28 11:26:02

标签: html css html5 css3 pseudo-element

请看一下here。 我想对主页上显示的所有博文的首字母应用不同的样式。

我正在尝试: p:first-child:first-letter { color: violet; font-size: 300%; }。它工作得很好。问题是它将样式应用于站点的所有<p>

我还尝试将一个类应用于所有div容器,例如class="entry_blog"和CSS`p.entry_blog:first-child:first-letter',但这些代码也不起作用

我做错了什么?如何将样式仅应用于<div class="entry_blog" itemprop="articleBody">内的文本?

由于

2 个答案:

答案 0 :(得分:2)

尝试

.entry_blog p:first-child:first-letter{color: viloet; font-size:300%;}

调用div.entry_blog中的每个'p'而不是p.entry_blog:first-child:first-letter,它使用'entry_blog'类调用每个'p'

答案 1 :(得分:1)

.entry_blog p:first-child:first-letter,{ color:violet; font-size:300%; }

打算说:)