2014-03-05 26 views
1

我想將分頁添加到我的某個網站,但我遇到了很多問題,可能是由於我沒有世界上最好的CSS技能(他們最好是平庸的)。塊位置,文本位置和鏈接下劃線

您可以在這裏看到我的問題的SSCCE:http://jsfiddle.net/rmurzea/qE7Ku/3/

1)。爲使margin-bottom規則有效,我必須將其添加到pagination a類。如果我直接將它添加到pagination類,它不起作用。爲什麼? 2)。該content a:hover屬性有一個text-decoration: underline規則。我似乎無法在pagination a:hover中覆蓋它。我該怎麼做 ? 3)。我想要在下一行顯示顏色及其文本,但指定display: block規則似乎不起作用。

任何人都可以幫我解決這些問題嗎?先謝謝你。

+0

對於2)要overri怎麼辦去吧?你不想裝飾?使用'text-decoration:none;' – TylerH

+0

@TylerH我添加了它,但它沒有效果。 –

+0

我的意思是,你是否想要強調「內容a:懸停」中的鏈接?或不? – TylerH

回答

2

1)它的工作原理

.pagination { 
    margin-bottom: 20px; 
} 

2)使用!重要的在你的CSS

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

3)DIV更換您的p標籤應該工作,但它沒有,但是我用了一個DIV明確:既和它的工作..

這是你的jsfiddle更新

+0

謝謝,它的工作原理。 –