0

このスタイル ルールを正しくフォーマットするにはどうすればよいですか?

これまでのところ、私は持っています：

#speech p:first-letter {
    font-size: 4em;
    float: left;
    line-height: 0.8em;
    margin-right: 0.3em;
    padding-right: 0.2em;
    padding-bottom: 0.2em;
    border: solid black;
    border-right-width: 0.02em;
    border-bottom-width: 0.02em;
}

これにより、#speech セクションのすべての段落の最初の文字が変更されます。最初の段落の文字だけが変更されるように、最初のタイプの疑似クラスを含めるにはどうすればよいですか?

4

2 に答える 2

1

最初の子の擬似クラスと最初の文字の擬似クラスの両方を使用するだけです

フィドルを参照してください - http://jsfiddle.net/QX45P/

p:first-child:first-letter {
    font-size: 4em;
    float: left;
    line-height: 0.8em;
    margin-right: 0.3em;
    padding-right: 0.2em;
    padding-bottom: 0.2em;
    border: solid black;
    border-right-width: 0.02em;
    border-bottom-width: 0.02em;
}
于 2013-06-26T04:39:54.447 に答える
1

これを試して：

#speech p:first-of-type:first-letter {
    font-size: 4em;
    float: left;
    line-height: 0.8em;
    margin-right: 0.3em;
    padding-right: 0.2em;
    padding-bottom: 0.2em;
    border: solid black;
    border-right-width: 0.02em;
    border-bottom-width: 0.02em;
}

デモをご覧ください。

于 2013-06-26T04:41:03.293 に答える