0

Как можно застилизирывать текст без тега? Возможности добавить теги нет, так как разметка приходить с бэкенда?

<a href="#">Link Text</a>
"Some Text"
<a href="#">Link Text 2</a>
"Some Text 2"

Проблема разместить ссылки именно в таком порядке одна под одной и рядом текст что идет после ссылки без тега

Link Text Some Text
Link Text 2 Some Text 2
6
  • Ну,пришла разметка - пройдитесь по ней скриптом и стилизуйте, как Вам нужно.
    – UModeL
    17 сен 2020 в 10:39
  • я могу стилизирывать теги пробывал через a {display: block; float: left; clear: left; } но не получаеться таким способом
    – dev_jun
    17 сен 2020 в 10:43
  • 1
    @dev_jun ru.stackoverflow.com/a/1179151/265406
    – UModeL
    17 сен 2020 в 10:44
  • Куда вставляется эта разметка? Непосредственно в body? Или всё же в какой-то блок? Минимальный пример.
    – UModeL
    17 сен 2020 в 10:51
  • @UModeL есть враппер и в него через dangerouslySetInnerHTML вставляю разметку
    – dev_jun
    17 сен 2020 в 11:02

3 ответа 3

2

что-нить подобное мб?

a::before{
  display:block;
  content: '';
}
<a href="#">Link Text</a>
Some Text
<a href="#">Link Text 2</a>
Some Text 2

1
  • Имеет право на жизнь. Возьму на заметку.
    – UModeL
    17 сен 2020 в 10:55
0

Есть вариант прописывать стили таким образом:

<a href="#" style="color:red;">Link Text</a>
"Some Text"
<a href="#" style="color:blue;">Link Text 2</a>
"Some Text 2"

То есть, мы передаём стиль в самом теге

4
  • проблема в расположении, я не могу ссылки разместить таким образом что бы текст после них вставал рядом а след. ссылка вставала под предыдущей
    – dev_jun
    17 сен 2020 в 10:46
  • Ну, кроме тега <br> думаю вам ничего не поможет
    – DGDays
    17 сен 2020 в 10:48
  • нету возможности добавлять теги(
    – dev_jun
    17 сен 2020 в 10:49
  • 1
    Либо надо как-то через JS перехватывать сообщение с бэкенда и приписывать этот тег или в самом бэкенде задать приписку тэга
    – DGDays
    17 сен 2020 в 10:50
0

let link = document.querySelector("a");
link.style.color = "red";
link.style.fontSize = "50px";
link.style.textDecoration = "underline";
<a href="#">Link Text</a>
"Some Text"

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.