html - :first-letter CSS - restricting it to first letter of an article in a template

Question

在此示例中，我无法只定位第一个字母:http://jsfiddle.net/gB94x/

显然“阅读更多”不应该也有首字下沉。

HTML 无法更改，它是固定模板的一部分。

谢谢!

Answer 1

.od_article>p 引用所有 p 标签，这些标签是 .od_article 的直接子标签，这就是您的问题所在。您只需要第一个 p 标签。将 .od_article>p:first-letter 更改为 .od_article>p:first-of-type:first-letter，如下面更新的 fiddle 所示。

http://jsfiddle.net/gB94x/1/

更新:

不幸的是，我认为 IE7 不支持 :first-of-type。我不确定它是否支持 :first-child ，但作为引用， :first-child 如果应用它的元素是其父元素的第一个子元素，则匹配。

我想不出一个解决方法，但查看 HTML 中的 p 您想更改第一个字母的类 CaptionPic1 .如果第一段总是有这个类，就使用那个，所以 .CaptionPic1:first-letter。