Ver Mensaje Individual
  #4 (permalink)  
Antiguo 18/05/2012, 19:40
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 5 meses
Puntos: 269
Respuesta: Tachado sin enlace

Se suponía que evitabas cargar el html, además inventar etiquetas no tiene sentido.

:not() es css3 con lo que esto implica. Desconozco de la existencia de selectores "ascendentes" o similar para emular esto con css2, ojalá alguien nos heche luz a ambos. Probá con esto:
Código HTML:
Ver original
  1. <ul>
  2.        <li><a href="enlace1.html" title="">Enlace 1</a></li>
  3.        <li><a href="enlace2.html" title="">Enlace 2</a></li>
  4.        <li>sin enlace</li>
  5.        <li>sin enlace</li>    
  6. </ul>
Código CSS:
Ver original
  1. ul li *:not(a){
  2.     text-decoration:line-through;
  3. }
__________________________________________________ ________

No hice la prueba, pero tal vez con este otro método puedas lograr mas compatibilidad:
Código HTML:
Ver original
  1. <ul id="lista">
  2.        <li><a href="enlace1.html" title="">Enlace 1</a></li>
  3.        <li><a href="enlace2.html" title="">Enlace 2</a></li>
  4.        <li><a href="enlace3.html" title="">Enlace 3</a></li>
  5.        <li>sin enlace</li>
  6.        <li>sin enlace</li>
  7.        <li>sin enlace</li>    
  8. </ul>
Código CSS:
Ver original
  1. #lista li {
  2. text-decoration: line-through;
  3. }
Usamos la librería jquery de javascript que nos permite movernos por el dom con comodidad:
Código Javascript:
Ver original
  1. $(function(){
  2.     $("#lista").find("li").find("a").parent().css({"text-decoration" : "none"});
  3. });


Saludos, espero te sirva