Как стилизовать тег в css?

Question

[MaxKoch]

Здравствуйте, уважаемые знатоки! Оговорюсь сразу, я только учусь работать с html и css. Возник вопрос со стилизацией тега
. Задаю тегу красный цвет текста, но он не меняется. В чем может быть проблема?

br {
color: red;
}

Answer 1

[Михаил Р.]

Вы задаёте цвет текста тегу br, где нет текста...

Необходимо обращаться к элементам, внутри которых находится контент, который собственно и хотите стилизовать, например так:

<div class="text">
  123
  <br/>
  456
</div>

.text { color: red }

Comments

[ostrooovskyy]

Тоже верно

[MaxKoch]

Тогда задам вопрос так:
У меня стоит тег br, после него идет текст, как мне его стилизовать?

[Михаил Р.]

MaxKoch, обновил ответ

[MaxKoch]

Спасибо большое Михаил! Успехов)

Answer 2

[Вадим]

Как Вы собрались стилизовать пустое пространство? Тэг br отвечает за принудительный перенос строки.

Comments

[MaxKoch]

Тогда задам вопрос так:
У меня стоит тег br, после него идет текст, как мне его стилизовать?

[Вадим]

обернуть в тэг span, задать этому span атрибут class и стилизовать через class.
<span class="test">text</span>

.test {
  color: red
}

[Вадим]

MaxKoch, или вместо br+span использовать тэг p, если с новой строки новый абзац по смыслу.

[MaxKoch]

Вадим, тег br поставил для того, чтобы текст был сразу под фото (без отступов).

[Вадим]

MaxKoch, ну, так как Вы, как Вы сказали, только учитесь - то ок. Но вообще так не делается.
Для таких целей используется, например, flexbox layout

display:flex и flex-direction: column для родителя и все дети встанут друг под другом в колонку.

[MaxKoch]

Вадим, Спасибо большое за информацию, 5-й день только занимаюсь этим. Если я правильно понял, мне нужно весь текст после тега br обернуть дополнительно в span?

[MaxKoch]

Вадим, Все успешно, еще раз благодарю!

[MaxKoch]

Вадим, затестил diplay:flex, все круто. Еще раз большое вам спасибо!

[Вадим]

MaxKoch, Обращайтесь

Answer 3

[PolarOne]

<br>
<br/>

Это тег переноса строки, больше он ничего, по сути не несет.
Если вы хотите стилизовать текст, то он должен быть внутри тега

<span>текст</span> - строковый контейнер
<div>текст</div> - блочный контейнер
<p>текст</p> - разметка параграфов

<span class="text">текст</span>

Тексту выше вы можете задать цвет несколькими способами, через тег в котором текст находится или через класс этого тега. Есть и другие способы в зависимости от ситуаций, но это основа чтоли

span {
color: red;
}

или

.text{
color: red;
}

Comments

[MaxKoch]

Огромная благодарность за такой развернутый, понятный и адекватный ответ. Спасибо что уделили свое время. Теперь все стало куда понятнее)

Answer 4

[ostrooovskyy]

.br {
color: red;
}

<div class="br">Привет</div>

Желаю успехов.

Comments

[Михаил Р.]

Автор хочет стилизовать тег, а не класс br.

[ostrooovskyy]

Михаил Р., не дочитал, ошибка.