EvGenius
задача. есть некая строка текста
<p>one two three four five six</p>
нужно в этой строке выделить некоторые блоки слов и в них выделить первую букву.
<p><span>one two three four</span> <span>five six</span></p>
в стиле если написать
span:first-letter{color:red}
то ничего не выделится, только так выделится:
p:first-letter{color:red}
но тогда будет только слово
one с красной
а как сделать чтобы были
one и
five с красной?
в итоге должно быть
one two three four five six
но именно сплошным текстом.
пробовал делать через <li> и float:left, но тогда с переносами заморочки.
есть еще какойто выход здесь?
EvGenius
например можно <p> выводить не с новой строки через display:inline
но тогда перестает работать :first-letter
может можно еще чтото придумать
Some Milk
EvGenius писал:
это я в курсе, но часто находятся всякие уловки чтоб обойти ограничения
Скорее всего тут только головняка добавится. Я бы сделал джаваскриптом в пару строчек на jquery.
Some Milk
EvGenius писал:
например можно <p> выводить не с новой строки через display:inline
но тогда перестает работать :first-letter
Я думаю, что это завязано не на имя тега, что было бы нелогично, а именно на свойство display, поэтому ничего странного в этом нет.