Как выбрать ссылку с таким же текстом привязки и значением href?

Я хочу по-разному стилизовать ссылки, у которых привязка такая же, как у значения атрибута href:

<a href = "https://google.com">https://google.com</a>

Можно ли сделать это только с помощью CSS или мне для этого нужен JavaScript?

Для этого вам понадобится JS.

Terry 01.05.2018 14:08

попробуйте этот [href = "google.com "] {}} в своем CSS и попробуйте

Chandra Shekhar 01.05.2018 14:11

Тип дублирования, потому что это то, что вам нужно stackoverflow.com/questions/1520429/…

caramba 01.05.2018 14:15

Дайте мне знать, если вас устраивает решение на основе JS, тогда мы сможем соответствующим образом обновить теги вашего вопроса :)

Terry 01.05.2018 14:25

Спасибо, я обновил решение, которое только что реализовал, на основе JavaScript.

Flavio Copes 01.05.2018 14:42
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
5
52
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Спасибо за ваши комментарии о том, что это невозможно в 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>

Другие вопросы по теме