Como andan? Pruebo mi codigo en codepen y funciona perfecto, pero a la hora de ponerlo en mi proyecto, no funciona. Creo que tengo un error de Divs padres que no estoy viendo. Este es mi HTML:
<section class="wrapper style1">
<div class="container">
<div id="content">
<!-- Content -->
<article>
<header>
<h2>Organigrama </h2>
<p></p>
</header>
<div class="organigrama">
<ul>
<li>
<a href="index.html">Director</a>
<ul>
<li>
<a href="#">Director Ejecutivo</a>
</li>
<li>
<a href="#">Coordinador</a>
</li>
<li><a href="#">Vicepresidente</a></li>
</ul>
</li>
</ul> //EL CÓDIGO SIGUE....
para ahorrar código corte ahí. Y mi css:
.organigrama li a:hover {
border: 1px solid #fff;
color: #ddd;
background-color: rgba(255,128,0,0.7);
display: inline-block;
}
Gracias de antemano. Saludos!
VS
me funciona pero fíjate en tuHTML
que tu tag<section>
no tiene el tag</section>
para cerrarse por ahí es eso.