Как сделать первую строчку в нижнем регистре в css?

У меня есть этот XMLКак сделать первую строчку в нижнем регистре в css?

<dg>(<date>B.1987</date>)</dg>

и после форматирования с помощью CSS У меня есть этот HTML

 ( B.1987)</span>

То, что я хочу сделать, это буква «B» в нижнем регистре, так по первой букве диапазон, имеющий дату класса. Я искал в Интернете, но, похоже, это возможно только для tage 

Не могли бы вы посоветовать?

источник

2014-09-25 Sofiane

Почему вы не просто сделать '.date' строчными буквами с помощью CSS? https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform – Huangism

Есть ли случаи, когда у вас есть более одной буквы? –

Невозможно настроить таргетинг символов в CSS, вам придется использовать javascript для переноса этого символа в элемент. – adeneo

Вы также можете использовать CSS3 pseudoclass '::first-letter', если вы не заботитесь о старых версиях браузера! .date

.date{ 
 
     display:inline-block; 
 
} 
 
.date::first-letter { 
 
    text-transform: lowercase; 
 

 
}

<span class="date">B.1234</span>

источник

2014-09-25 17:00:45

Поддержка браузеров вряд ли является проблемой, поскольку поддерживается с IE 5.5 (при условии, что вы используете один двоеточие). Большая проблема заключается в том, что это не работает для встроенных и встроенных блоков. – GolezTrol

См. [: Первая буква] (http://css-tricks.com/almanac/selectors/f/first-letter/) – GolezTrol

Он отлично работает для элементов встроенного блока, я сделал обновление! @GolezTrol –

Вы можете использовать свойство text-tranform.

.dateGroup { 
    text-transform: lowercase; 
}

источник

2014-09-25 16:55:57 user2882664

Благодарим вас за ответ, но в случае, если так много символов, вся строка будет в нижнем регистре. – Sofiane

Как сделать первую строчку в нижнем регистре в css?

ответ

Смежные вопросы