내 앵커 태그가 라인 스루 (line-through)하지 않도록하려면 어떻게해야합니까?

Question

나는 내 span 태그가 :

<span style="text-decoration:line-through" > Hello World <a href="http://www.yahoo.com">Yahoo</a> </span> 

당신은 내가 라인을 통해 범위에 적용했습니다 볼 수 있듯이. 그러나 이것은 앵커 태그에서도 라인 스루가됩니다. 앵커 태그에 줄 바꿈을 방지하려면 어떻게해야합니까? 나는 앵커 태그에 대한 공격을 원하지 않는다.

참고 : 내 태그를 스팬 태그 외부로 이동하도록 요청하지 마세요. 내가 할 수 있다면 나는이 질문을하지 않을 것이다.

는

Answer 1

는

text-decoration specs [CSS text-decoration property cannot be overridden by child element]와 상태 :

하위 요소의 '문자 장식'속성은 조상의 장식 어떤 영향을 미칠 수 없다. 링크 된 질문에서 언급 한 바와 같이

text-decoration-skip

는 크롬의 최신 버전도 지원됩니다 않으며 Firefox

---

나는이 당신에게 허용하면 모르겠지만, 아래의 솔루션 이후

<span> 
    <span class="strikethrough">Hello </span> 
    <a href="#">World!</a> 
</span>​ 

.strikethrough { 
    text-decoration: line-through; 
} 

그것은 둥지 스팬 요소에 유효합니다 작동하지 않습니다,이 그것을 할 수있는 유일한 방법이 될 수 있습니다. Are nested span tags OK in XHTML?

---

는를 작동하지 않습니다 :

속성은 기본적으로 아이에 의해 상속됩니다. 원하지 않으면 무시하십시오.

span > a { 
    text-decoration: none; 
    /* or perhaps 
    text-decoration: underline; 
    */ 
} 

이렇게하면 스팬 요소의 직계 하위 요소로 나타나는 모든 앵커 요소에 취소 선이 생기지 않습니다.