Question

网址为http://crispylogs.com/writing-high-quality-posts-to-increase-traffic-top-20-tips/

我正在尝试添加效果，例如杂志＆＃34; drop-cap，＆＃34;但它不适合我，我也不知道为什么。

以下是我使用的CSS代码：

.single .entry p:first-child:first-letter {  
    float: left;  
    color: #903;  
    font-size: 47px;  
    line-height: 40px;  
    padding-top: 0px;  
    padding-right: 8px;  
    padding-left: 3px;  
    font-family: Georgia;  
}

Answer 1

不是CSS

删除<pre> </pre>

应该有帮助

Answer 2

我能够使用你的风格来创造你想要的效果：http://jsfiddle.net/uEkqU/

也许您遇到了特异性问题？请尝试以下方法：

.post .entry p:first-child:first-letter {  
    float: left;  
    color: #903;  
    font-size: 47px;  
    line-height: 40px;  
    padding-top: 0px;  
    padding-right: 8px;  
    padding-left: 3px;  
    font-family: Georgia;  
}

Answer 3

你的p标签不是第一个孩子。这就是问题

尝试第一种类型

first-child：第一个字母不在wordpress中工作

3 个答案: