Я хочу по-разному стилизовать ссылки, у которых привязка такая же, как у значения атрибута href:
<a href = "https://google.com">https://google.com</a>
Можно ли сделать это только с помощью CSS или мне для этого нужен JavaScript?
попробуйте этот [href = "google.com "] {}} в своем CSS и попробуйте
Тип дублирования, потому что это то, что вам нужно stackoverflow.com/questions/1520429/…
Дайте мне знать, если вас устраивает решение на основе JS, тогда мы сможем соответствующим образом обновить теги вашего вопроса :)
Спасибо, я обновил решение, которое только что реализовал, на основе JavaScript.
Спасибо за ваши комментарии о том, что это невозможно в CSS.
В итоге я получил это решение JavaScript:
document.addEventListener("DOMContentLoaded", () => {
for (item of document.querySelectorAll("a[href*='//']")) {
if (item.getAttribute('href') == item.innerHTML) {
//item is an HTML link with anchor same as innerHTML.
//in this case, I just add a class to it
item.classList.add('no-after-content')
}
}
})
Простое решение с javascript. Надеюсь, это поможет.
<a href = "https://google.com">https://google.com/</a><br />
<a href = "https://google.com">https://yahoo.com/</a>
<script>
var myCol = document.getElementsByTagName("a");
for(i=0; i< myCol.length; i++){
if ((myCol[i].href).trim() == (myCol[i].innerHTML).trim()){
myCol[i].style.color = "red";
}
}
</script>
Для этого вам понадобится JS.