2014-03-05 4 views
1

내 웹 사이트 중 하나에 페이지 매김을 추가하고 싶습니다. 그러나 전 세계에서 가장 우수한 CSS 기술을 가지고 있지 않기 때문에 여러 문제가 있습니다. 최고의 평범함). http://jsfiddle.net/rmurzea/qE7Ku/3/블록 위치, 텍스트 위치 및 링크 밑줄

1) :

당신은 여기 내 문제의 SSCCE을 볼 수 있습니다. margin-bottom 규칙을 적용하려면 pagination a 클래스에 추가해야했습니다. pagination 클래스에 직접 추가하면 작동하지 않습니다. 왜 ?

2). content a:hover 속성의 규칙은 text-decoration: underline입니다. 나는 pagination a:hover에서 그것을 무시할 수 없습니다. 내가 어떻게 해 ?

3). 다음 줄에 그 색상 블록과 그 텍스트 블록을 넣고 싶지만 display: block 규칙을 지정하는 것은 효과가없는 것 같습니다.

아무도 도와 줄 수 있습니까? 미리 감사드립니다.

+0

) 그거야? 장식하지 않으시겠습니까? Use'text-decoration : none;' – TylerH

+0

@TylerH 나는 그것을 추가했지만 효과가 없다. –

+0

내 말은, 'content a : hover'링크에 밑줄이 표시되기를 원하나요? 안 그래요? – TylerH

답변

2

1) 작동합니다 사업부하여 p 태그를 교체하여 CSS를

.pagination a:hover { 
    text-decoration: none !important; 
    background-color: #5D4137; 
    color: #FFFFFF; 
} 

3) 중요!

.pagination { 
    margin-bottom: 20px; 
} 

2)를 사용하여 작동하지만, 그러나 나는를 사용하지 않았다 DIV 명확와 : 모두하고 일 .. 여기

은 당신의 jsfiddle 업데이트는 overri하려면 어떻게

2의
+0

감사합니다. 작동합니다. –