@Cristian
Recibido el t
@Agedjus
En estos casos es conveniente consultar la documentación oficial.
Cita: text-decoration
Esta propiedad describe las decoraciones que se agregan al texto de un elemento. Si la propiedad es especificada para un elemento a nivel de bloque, afecta a todos los descendientes a nivel de línea del elemento. Si es especificada para (o afecta) un elemento a nivel de línea, afecta a todas las cajas generadas por el elemento. Si el elemento no tiene ningún contenido o ningún contenido textual (ej., el elemento IMG en HTML), las aplicaciones del usuario deben ignorar esta propiedad.
Y continúa:
Cita: El(los) color(es) requerido por la decoración del texto deberían derivar del valor de la propiedad 'color'.
Esta propiedad no es heredada, pero las cajas descendientes de una caja de bloque deberían tener en su formato la misma decoración (ej., deberían estar todas subrayadas). El color de las decoraciones debería permanecer igual aunque los elementos descendientes tuvieran diferente valores de 'color'.
T-decoration es una propiedad que afecta no a la caja en sí, sino a las cajas (generadas o contenidas) dentro de ella. A diferencia de | border | (por ejemplo).
Así que en su caso, al declarar t-decoration a un elemento de bloque (li) todo lo que declare para sus descendientes de línea (a) se sumará a la decoración declarada en li. Esto es, sus enlaces tendrán una doble decoración: tachado y no-subrayado (por defecto los enlaces tienen t-decoration: underline)
Así que, o utiliza toda una librería js o el contenido del | li | que no sea enlace lo etiqueta para poder declarar el t-decoration no al selector | li | sino a su contenido:
Porque con esta propiedad, para los elementos de línea es lo mismo li * {} que li {}
@Cristian
El selector de ascendente está todavía demasiado verde. Tal es así que aún no está definida ni la grafía a utilizar ni la sintaxis.