Могу ли я изменить ссылку на ссылку HTML, используя только CSS?

Question

У меня есть различные ссылки на моем сайте в настоящее время. Однако некоторые из них будут деактивированы в определенные моменты. Мне было интересно, могу ли я изменить атрибут href ссылки, используя ТОЛЬКО CSS (без JavaScript или чего-либо подобного). Предпочтительно решение, использующее CSS 2 или 1, но если опция существует только в CSS 3, то это тоже хорошо.

Обратите внимание, что я знаю, что существует множество способов сделать это. Я просто хочу знать, есть ли хитрость CSS для этого.

Answer 1

Нет. Это не то, для чего CSS. CSS означает Каскадные таблицы стилей. Изменение целевого URL никак не связано со стилем страницы.

Как вы говорите, есть много других вариантов для такого рода вещей. JavaScript (или jQuery ) будет лучшим решением для этого.

Answer 2

Нет - CSS предназначен только для применения стилей к элементам, а не для изменения их работы.

Answer 3

У CSS3 есть селектор, который действует на атрибуты, например, «href», но поддержка в более ранних версиях CSS не очень удобна.

Кроме того, вы не можете напрямую отключить ссылку, но вы можете попробовать сделатьканатный допинг:

HTML:

<a href="my-page.html" class="live-link">Click here</a><a href="my-page.html" class="dead-link">Click here</a>

CSS3:

a[href='my-page.html'].live-link {display:hidden}
a[href='my-page.html'].dead-link {display:inline}

... Это всего лишь подтверждение концепции, но скорее всего, выНужно было бы где-нибудь логики, чтобы решить, когда меняются значения отображения «live-link» и «dead-link».

Answer 4

Вы не можете сделать это с помощью CSS - здесь нет «скрытого трюка».