如何将类添加到第一个段落并跨越到第一个字母

Question

实施例

<p>Lorem ipsum dolor sit amet</p>
<p>Morbi elementum odio vel tortor adipiscing vel tempor risus ullamcorper.</p>

我想为第一段添加类，并将span类添加到第一个字母

<p class="first-paragraph"><span class="first-letter">L</span>orem ipsum dolor sit amet</p>

让我知道如何使用PHP

Answer 1

$text = '<p>Lorem ipsum dolor sit amet</p>
<p>Morbi elementum odio vel tortor adipiscing vel tempor risus ullamcorper.</p>';

$text = substr_replace($text, '</span>', 4, 0);
$text = substr_replace($text, '<span class="first-letter">', 3, 0);
$text = substr_replace($text, ' class="first-paragraph"', 2, 0);

echo htmlspecialchars($text);

： - ）

Answer 2

您可以使用纯CSS3：

p:first-of-type {
    color: red; 
}

p:first-of-type::first-letter {
    color: blue;
    font-size: x-large;
}

在这里摆弄：http://jsfiddle.net/everton/vpcey/