我已将页面设置为在内容的第一个段落上创建一个大型的首字母。这样做是有效的,但当我的另一个div具有指定的类出现在我的受影响元素之前时,它会使首字母消失。
参见以下示例: 正确显示:http://jsfiddle.net/KPqgQ/ 不正确的显示:http://jsfiddle.net/d73u9/ 我在页面中使用了以下代码:
参见以下示例: 正确显示:http://jsfiddle.net/KPqgQ/ 不正确的显示:http://jsfiddle.net/d73u9/ 我在页面中使用了以下代码:
<section id="review">
<div class="content_right"></div>
<div class="content_left">
<p>text</p>
<p>text</p>
</div>
<div class="content_left">
<p>text</p>
<p>text</p>
</div>
</section>
使用以下CSS:
#review .content_left:first-of-type p:first-of-type{
padding-top:10px;
}
#review .content_left:first-of-type p:first-of-type:first-letter{
float: left;
line-height:90%;
padding-right: 15px;
padding-bottom: 10px;
font-family: "Georgia",_serif;
font-weight: bold;
font-size: 60px;
color:black;
}
创建一个大的首字母来实现下沉效果。
当我移除“content_right”div时,这段代码可以正常工作,但是加上它后,CSS就无法生效了。我认为我在声明方面是正确的顺序,但我一定漏掉了什么。
有人知道为什么这不像预期那样工作吗?
~
解决方案在这里如何应用 :) - BoltClock