阻止位置,文本位置和链接下划线

时间:2014-03-05 15:23:19

标签: html css pagination

我想在我的某个网站上添加分页,但我有很多问题,可能是因为我没有世界上最好的CSS技能(他们最好是平庸)。 / p>

您可以在此处查看我的问题的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规则似乎不起作用。

任何人都可以帮我解决这些问题吗?提前谢谢。

1 个答案:

答案 0 :(得分:2)

1)它有效

.pagination {
    margin-bottom: 20px;
}

2)在你的CSS中使用!important

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

3)用div替换你的p标签应该可以工作但是没有,但是我使用了一个明确的div:两者都有效..

这是您的jsfiddle已更新