css - CSS3以第一个X元素的第一个文本字母为目标？

Question

我目前正在使用这个选择器：

.entry > p:first-of-type:first-letter {
}

为 .entry 下的第一个 P 元素的第一个字母做一个首字母下沉。

它在这个页面上工作正常，但不是这个。后者的问题可能是因为有一个 <a> 元素处理第一个 P 元素内的所有文本内容。

所以我的问题是如何解决这个问题？如何定位第一个 X 元素的第一个文本字母而不仅仅是第一个字母？

谢谢！

Answer 1

您的第二页的问题是，第一页<p>只有一张图片。您的文本直到第二个才开始<p>。

如果您删除<p>图像周围的文字，那么文本“At $499..”将出现在第一个<p>，字母“A”将与您拥有的 CSS 选择器匹配。