Браузер переопределяет все элементы в моем коде и превращает их в ссылки

Недавно я начал изучать CSS и HTML, и я делаю главную страницу для тренировки. Однако браузер переопределяет и превращает другие мои элементы (в другом div) в ссылки. Я пробовал CSS, чтобы решить эту проблему, ничего не получилось. Я удалил весь CSS, и он все тот же. Контейнер div и все элементы внутри него теперь являются ссылками, и когда я нажимаю, он пытается перенаправить на страницу hrf.html.

Подскажите, пожалуйста, где я делаю ошибку?
Элементы в контейнере div в инструменте разработки имеют следующий код:

a:-webkit-any-link {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}

<!DOCTYPE html>
<html lang = "en">

<head>
  <meta charset = "utf-8">
  <title>Conquer</title>
  <link rel = "stylesheet" href = "styles.css" type = "text/css">
</head>

<body>
  <div class = "nav">
    <div class = "nav2">
      <ul class = "navlist">
        <li><a href = "hrf.html">Homepage</li>
        <li><a href = "hrf.html">About Us</li>
        <li><a href = "hrf.html">Services</li>
        <li><a href = "hrf.html">Contact</li>
        <li><a href = "hrf.html">External</li>
      </ul>
    </div>
  </div>

  <div class = "container">
    <div class = "first-sec">
      <div class = "first-img">
        <img src = "image1.jpg" alt = "image">
      </div>
      <div class = "heading">
        <h1>CONQUER</h1>
        <h2>Simple Website Design</h2>
      </div>
    </div>
  </div>
</body>

</html>

Вы еще не закрываете тег привязки

— 07.04.2019 08:40

html css

07.04.2019 08:36

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Это потому, что вы не закрыли ни одного тега <a>. Вы должны закрыть его, иначе вы столкнетесь с той же проблемой.

<li><a href = "hrf.html">Homepage</a></li>

Следуйте этой практике во всех <li> элементах.

Это должно исправить ваш код. Дайте мне знать.

07.04.2019 08:42

вы не закрыли теги привязки внутри своего класса «navlist».

<li><a href = "hrf.html">Homepage</a></li>
<li><a href = "hrf.html">About Us</a></li>
<li><a href = "hrf.html">Services</a></li>
<li><a href = "hrf.html">Contact</a></li>
<li><a href = "hrf.html">External</a></li>

попробуй это..

07.04.2019 09:05

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

необходимо правильно закрыть теги, иначе их область будет мешать действию других тегов.

 <div class = "nav">
    <div class = "nav2">
    <ul class = "navlist">
    <li><a href = "hrf.html">Homepage</a></li>
    <li><a href = "hrf.html">About Us</a></li>
    <li><a href = "hrf.html">Services</a></li>
    <li><a href = "hrf.html">Contact</a></li>
    <li><a href = "hrf.html">External</a></li>
    </ul>
    </div>
    </div>

Удачи впереди

Полезные предложения (Я)

— 07.04.2019 20:52

Спасибо, сэр, за оценку :)

— 07.04.2019 21:36

07.04.2019 09:09