2017-04-15 14 views
1

여기서 달성하려는 것은 하이퍼 링크에 밑줄을 그어서 동시에 넣는 것을 원하지 않습니다. 나는 어떤 요소가 파업 당하기를 원한다.하이퍼 링크의 밑줄을 제거하고 일부 요소를 제거합니다. text-decoration : none with text-decoration : line-through

둘 다 개별적으로 작동하지만 두 가지를 함께 사용할 수는 없습니다.

코드 :

a:link { 
    text-decoration: none 
    } 

.deceased { 
    text-decoration: line-through; 
} 
+0

체크하여 HTML 구조를 추가하십시오. – frnt

+0

JSF 페이지입니다. user1642342

답변

1

그래서 나는이 문제를 추측 것은 선택 특이성의입니다. 나는 a : link selector가 더 구체적이어서 .deceased보다 우선 순위가 높다고 믿는다. 가장 쉬운 해결책은 특이성을 바꾸는 것이라고 말하고 싶습니다.

여기 http://www.htmldog.com/guides/css/intermediate/specificity/ 여기 http://dorward.me.uk/www/underline/

+0

아니요. 예 : * 덜 * 특정이므로 링크가 우선합니다. a : link가 더 구체적인 이유는 유형 선택기 (a) 때문입니다. 클래스 선택자와 의사 클래스는 동일합니다. 그러나 그렇습니다. 특이성을 높이는 것이 해결책입니다. – BoltClock

+0

이것은 정확히 내가 찾고있는 것입니다. 특정성을 높이기 위해 할 수있는 일이 없었기 때문에 "a : link"의 특이성을 "a"로 낮추어야했습니다. 고맙습니다. – user1642342

+0

도와 줘서 기쁩니다. 과정에서 뭔가를 배웠습니다. 감사합니다. BoltClock. –