Hola, estaba buscando algo que no puedo encontrar en internet, tal vez las personas no se lo preguntaron...
Acá está el problema:
Yo tengo ésto:
<ul class="nav">
<li>
<a href="#">StyleShit</a>
<ul>
...
</ul>
</li>
</ul>
Lo que quiero hacer en CSS es ésto:
.nav a:after ul
{
content: "\25bc"; /* http://textmechanic....-Converter.html */
font-size: 9px;
position:absolute;
}
Pero ésto no funciona, no sé por qué
Lo que quiero lograr es: que si hay luego de A un UL, que agregue "\25bc" al final de A.
El resultado sería como ésto:
<ul class="nav">
<li>
<a href="#">StyleShit</a>\25bc
O ASÍ
<a href="#">StyleShit \25bc</a>
<ul>
...
</ul>
</li>
</ul>
Gracias, cualquier ayuda sería buena.
Hola que tal,
La verdad no te entiendo porque en el CSS estas declarando un pseudo-elemento: After que se supone que te estas refiriendo a "<a>" no tiene sentido que le pongues un "ul " despues , si lo quieres es que antes de un "<ul>" que aumente "\25bc" simple y llanamente usar :
/* primera opcion */
.nav ul:before {
content: "\25bc"; /* http://textmechanic....-Converter.html */
font-size: 9px;
position:absolute;
}
/*Segunda Opcion*/
.nav a:after {
content: "\25bc"; /* http://textmechanic....-Converter.html */
font-size: 9px;
position:absolute;
}
Saludos ;)
Encontré la solución acá:
http://demo.tursos.com/web/menu/menu.html (http://demo.tursos.com/web/menu/menu.html)
Hola que bien pero yo me base en tu pregunta porque dices:
Citar
Lo que quiero hacer en CSS es ésto:
La solucion que expones es en html no en css de todas formas que bien que lo hayas resuelto.
Saludos