гиперссылка на элемент списка?

Question

я знаю, что это может показаться простым, но я не могу решить это, я пытаюсь сделать весь элемент списка связываемым, а не просто слово home

HTML-код:

<a href="#page1"><li class="current">Home</li></a>

ps, когда вы наводите курсор мыши, цвет фона меняется, поэтому я хочу, чтобы весь элемент списка был гиперссылкой, если вы понимаете, что я имею в виду, а не просто слово

Answer 1

Обертывание элемента уровня блока (li) внутри встроенного элемента (a) является недопустимой разметкой, которая может вызывать ошибки в зависимости от вашего типа документа. В таком случае сначала измените наценку на:

<li><a href="#">link text</a></li>

Если предположить, что ваш li равен display: block, то следующее заставит a заполнить доступное пространство:

a {
 display: block;
 width: 100%; /* this may, or may not, be necessary */
}

Если вы используете это для горизонтального списка, а li равны display: inline, то вы можете использовать следующее:

a {
  display: inline-block;
  }

И стиль по вкусу.

Answer 2

Это должно сделать это:

HTML:

<li class="current"><a href="#page1">Home</a></li>

CSS:

li a {
    display: block;
}

// or

li.current a {
    display: block;
}

1009 *

Answer 3

Сделайте это в обратном порядке

<li class="current"><a href="#page1">Home</a></li>

Не знаю, какие у вас другие стили, но вы можете изменить тег на что-то вроде

li.current a{
  display:block;
}