1

やあ、仕事に行けない

    .body-post p:first-child:first-letter
    {
    font-size:240%;
    }

そしてここにhtml：

    <div class="body-post">
    <p><img src="http://#" align="left" style="margin-right:5px;"/>
    some text</p></div>

したがって、画像がない場合は最初の文字が機能します。img タグをスキップする方法はありますか。ブロガー ドメインのテンプレートを作成しているため、ソース コードを編集できません。深刻なことは何もありません。とても混乱しています。最初の文字は、画像ではなく文字を選択する必要があります。

4

2 に答える 2

1

Pタグの外側に画像を入れて、以下を使用します。画像では、フローティング要素が行うことであるため、P をラップすることができます。

 .body-post > p:first-child:first-letter {
    font-size:240%;
 }

  <div class="body-post">
    <img src="http://#" align="left" style="margin-right:5px;"/>
    <p>some text</p>
 </div>

//補足として、可能な場合はインライン スタイルを使用しないようにしてください。JS とメディアクエリに干渉する可能性があります/

于 2013-04-05T17:53:17.353 に答える
0

少し調査した結果、最初の文字はブロック要素でのみ使用できることがわかりました（これはあなたが行っていました）。

このソリューションでは、テキストをスパンでラップし、適切なスタイルを設定してスパンをインライン ブロックにすることで、テキストの選択性を高めました。

http://jsfiddle.net/52Vjm/1/

<div>
    <p>
        <img src="http://placekitten.com/100/100"/>
        <span>Kittens are great</span>
    </p>
</div>

span:first-letter { font-size:2em; }
span { display:inline-block; }
img { margin-right:5px; }
于 2013-04-05T18:05:20.143 に答える