Я хочу преобразовать весь текст в фигурных скобках в ссылку с помощью селекторов CSS. Я мог бы написать это на JavaScript, но мне интересно, можно ли это добавить в CSS следующим образом:
p:before {
content: "<a href'http://example.com/t2'>";
}
p:after {
content: "</a>";
}
t2 в href будет копией текста внутри фигурных скобок.
В приведенном выше примере весь текст внутри p преобразуется в ссылку, но есть ли способ выбрать только то, что находится внутри фигурных скобок?
Как правило, для таких вещей рекомендуется использовать Javascript.
CSS лучше всего подходит для управления презентационными аспектами вашей страницы.
Здесь вы пытаетесь манипулировать содержимым страницы, для чего как раз подходит Javascript.
Простой ответ: вы не можете, потому что каскадные таблицы стилей созданы не для этого. Используйте JavaScript
CSS нельзя использовать для создания ссылок. Такие вещи лучше всего обрабатываются при создании страницы, например. в сценариях на стороне сервера. Если вы сделаете это в клиентском JavaScript, поисковые системы не увидят ссылки.
