Haga que todo el <li> haga clic con el elemento <a> dentro sin javascript [duplicar]
Esta pregunta ya tiene una respuesta aquí:
¿Cómo puedo hacer que todo el área de un elemento de la lista en mi barra de navegación se pueda hacer clic como enlace? 9 respuestas¿Hay alguna manera?
tengo un<ul> Con algo<li> Elementos en el interior. Es parte de un menú desplegable. Cada<li> Se convierte en una caja del tamaño de la más grande.<li> Elemento en el grupo (el que tiene más texto dentro).
El problema es que quiero que la gente pueda hacer clic en cualquier lugar dentro de cada<li> y haga que el enlace funcione, en lugar de dónde está el texto. Me gustaría una solución no javascript si es posible.
Aquí hay algunos ejemplos de HTML. El interior<li> Los elementos son los que tienen los enlaces.
<li class="parent Glass" style=" float: left;">
Glass
<ul class="child" style="float: left; position: absolute; z-index: 999; display: none;">
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=25">Brown (13)</a>
</li>
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=112">Crystal (93)</a>
</li>
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=99">Gray (1)</a>
</li>
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=42">Latte (12)</a>
</li>
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=72">White (15)</a>
</li>
</ul>
</li>