2016-05-28 2 views
1

Я искал по всему Интернету, но не смог найти решение.CSS, чтобы добавить текст в конце ссылки

Мне нужен CSS, который добавит дополнительный текст в конце URL-адреса.
Например- www.google.com/search-url Я хочу что-то, что автоматически добавляет '/ download' в конце URL-адреса.

Обновление: если это невозможно через css, отправьте код jquery/php.

+0

Пожалуйста, дайте лучший пример, вы имеете в виду текст ссылки или фактический url. показать с примером кода, что вы пытаетесь сделать. –

+0

Приходит на ум: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_after_style – Reek

ответ

2

Я не думаю, что то, что вы ищете, возможно с помощью CSS. CSS используется для разработки ваших сайтов и улучшения внешнего интерфейса вашего сайта. Если вы хотите больше работать в фоновом режиме и, например, изменять строки (например, свою ссылку), вы можете использовать PHP.

2

Вы не можете сделать это в CSS.

CSS может изменить способ отображения ссылки - например, a:after { content: ' (download)' } будет означать, что за ссылками следует фрагмент текста, но он не может изменить фактическое содержимое HTML, в данном случае атрибут href, который определяет, где ссылка фактически указывает.

Вам нужно будет сделать это на JavaScript или на стороне сервера.

2

Извините, но вы можете использовать PHP или, может быть JQuery

2

Это выглядит как почти невозможно, что нужно сделать с помощью CSS, но есть что-то вы можете попробовать. Это код, который я использовал в последнее время, чтобы показать URL-адрес ссылки для печатных версий страницы.

a:after { 
    content: " [Link: " attr(href) "]"; 
    color: #000; 
    text-decoration: none; 
} 

Часть, которую вы можете использовать, - это просто: после и первая строка внутри. В вашем случае это должно быть что-то вроде этого:

a:after { 
     content: "/download"; 
} 

я не уверен, если это будет часть интерактивных ссылок, но вы никогда не знаете. Мне было бы намного проще и логичнее делать это с помощью JavaScript или PHP или ...

0

Единственный способ сделать это в CSS - content: (text), но на самом деле это лучше сделать в HTML (или другом язык), если вам нужно что-то исправить.

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