相关疑难解决方法(0)

涉及伪类first-child和dropcap的CSS选择器

我需要格式化HTML,类似于下面.基本上引用是可选的,我需要删除body段的第一个字母.

<article>
 <p class="quote"> <!-- quote is optional -->
   Genius begins great works; labor alone finishes them.-- Joseph Joubert
 </p>
 <p> <!-- "L" is a dropcap -->
  Life is like a box of chocolates.
 </p>
 <p>...</p>
 <p>...</p>
</article> 
Run Code Online (Sandbox Code Playgroud)

我的CSS看起来像这样:

article > p:first-child:first-letter
{
 float: left;
 font-family: Georgia, serif;
 font-size: 360%;
 line-height: 0.85em;
 margin-right: 0.05em;
}
p.quote {
 font-weight: bold;
}
Run Code Online (Sandbox Code Playgroud)

当引用引用时,它目前不起作用.AFAIK我不能选择文章的第一个孩子P,它不是"引用"类.如果我无法解决这个问题,我将使用jQuery,但是现在我正在寻找一种方法来只做CSS.

提前致谢!

css css-selectors

1
推荐指数
1
解决办法
1504
查看次数

标签 统计

css ×1

css-selectors ×1