[RESUELTO] Problema con CSS

[Miseryk]

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:

Código (html4strict) [Seleccionar] Expandir


<ul class="nav">
   <li>
       <a href="#">StyleShit</a>
       <ul>
           ...
       </ul>
   </li>
</ul>


Lo que quiero hacer en CSS es ésto:

Código (css) [Seleccionar] Expandir


.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:

Código (html4strict) [Seleccionar] Expandir


<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.

[itzg3]

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 :

Código [Seleccionar] Expandir


/* 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 

[Miseryk]

Encontré la solución acá:

http://demo.tursos.com/web/menu/menu.html

[itzg3]

Hola que bien pero yo me base en tu pregunta porque dices:

  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