CSS 라인 스루를 제거하는 방법

Question

내 요소에 적용된 text-decoration:line-through; 스타일을 제거하려고하고 있습니다. 그렇게 할 수없는 것 같습니다. text-decoration:none; 시도했지만 작동하지 않습니다.

에 span을 적용하면 line-through 스타일을 바꾸는 대신 브라우저에 underline 스타일이 추가 된 것처럼 보입니다.

나는 언제나 line-through을 필요로하는 요소들이 그들 자신의 클래스를 가지도록 나의 HTML을 재 작성할 수 있다는 것을 알고있다. 내 HTML을 재구성하는 다른 방법이 있는지 궁금 하네.

<style> 
p { text-decoration:line-through; } 
span { text-decoration:none; } 
</style> 

<p>Foo <span>bar</span></p> 

Answer 1

http://jsfiddle.net/wshHW/

은 내가 line-through을 필요로하는 요소가 자신의 클래스가 그래서 난 항상 내 HTML을 다시 쓸 수 있습니다 알고 있습니다. 내 HTML을 재구성하는 다른 방법이 있는지 궁금 하네.

아니요. 보는 행동은 전적으로 by design입니다. 조상은 항상 자신의 텍스트 장식을 특정 자손에게 전파 할 것이며 반대로 자손 내에서 조상의 텍스트 장식에 영향을 줄 수는 없습니다.

text-decoration-skip from the upcoming CSS3 text decoration module이 유망 해 보이지만 현재 구조 조정에 대한 대안이 없습니다.