Как сделать первую букву в объекте заглавной

Сейчас я расскажу, как сделать первую букву в объекте заглавной.

Скажем, что мы хотим получить вот такой список:

• Первый элемент
• Второй элемент
• Третий элемент
• Четвертый элемент
• Пятый элемент

Но наш список написан вот-так:

• первый элемент
• второй элемент
• третий элемент
• четвертый элемент
• пятый элемент

Можно, конечно просто поменять первую букву на заглавную ручками, но как быть если строк таких, скажем 1000 )))

Решение есть…

Итак. У нас есть код

<ul>
  <li>первый элемент</li>
  <li>второй элемент</li>
  <li>третий элемент</li>
  <li>четвертый элемент</li>
  <li>пятый элемент</li>
</ul>

Достаточно просто прописать стиль в данном случае для тега li и указать псевдокласс :first-letter В этом случае стиль будет прописан только для первого символа тега li

li:first-letter {
    text-transform:uppercase;
}

text-transform — говорит о том, что будем изменять текст

uppercase — перевод в заглавные буквы.

Все просто )