Как сделать li ссылкой?

Question

[Алим Алибаев]

Объясните мне пожалуйста, есть ul>li>a, если преподнести курсор к li, то ничего, а если к <a> то она является ссылкой? Как сделать их единым?

Comments

[ac3]

<li class="list-item">
<a class="link">content</a>
</li>

.list-item
{
   cursor: pointer;
}
.link
{
   height: 100%;
   width: 100%;
   display: block;
}

Answer 1

[kn1ght_t]

a {
    display:block;
}

Answer 2

[Ivan-P]

Не совсем понятен ваш вопрос. Може это?

li {
    cursor: pointer;
}

Comments

[Ksider]

хех, не все то ссылка, что cursor:pointer )) хотя какой вопрос такой и ответ

[7rulnik]

Это даст только визуальный эффект

[Алим Алибаев]

И что изменит в итоге, кроме как меняет курсор? li ведь не будет кликабельным?

[Ivan-P]

Так а что вам нужно? Переделайте вопрос.

[Алим Алибаев]

Извините что неправильно сформулировал вопрос, не умею просто :(

Answer 3

[Умар Мухамедалиев]

Я не особо спец, но все же...

<ul id="navigation">
                <li><a href="1.html" class="button">1</a></li>
                <li><a href="2.html" class="button">2</a></li>
                <li><a href="3.html" class="button">3</a></li>
            </ul>

А вот CSS:

.button {
    user-select: none;
    display: block;
    color: inherit;
    text-decoration: none
}