Вопросы Теги

Как применить CSS к первой букве после :перед содержимым?

<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
p:before {  
    content:"Former - "; 
    color:red;
    font-family:"Tahoma",Times New Roman;
    font-size:70%;
}

p.normal:first-letter {
    font-size:40px;
    color:blue;
}
</style>
</head>
<body>
  <p class="normal">First character of this paragraph will
  be normal and will have font size 40px;</p>
</body>
</html>

Здесь содержимое псевдоэлемента :before-отображается красным цветом, но я также хочу оформить символ «F» в «F первый символ этого абзаца» синим цветом. Но вместо этого я вижу букву «F» в «F ormer -» синего цвета.

Я хочу применить как :before, так и первую букву.normalпосле содержание :beforeв том же абзаце. Это возможно? Если да, то как?

8
задан BoltClock 29 July 2012 в 15:46
поделиться