块位置、文本位置和链接下划线答案

【问题标题】：Block position, text position and link underlining块位置、文本位置和链接下划线
【发布时间】：2014-04-07 18:08:18
【问题描述】：

我想为我的一个网站添加分页功能，但我遇到了多个问题，这可能是因为我没有世界上最好的 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 规则似乎不起作用。

谁能帮我解决这些问题？提前谢谢你。

【问题讨论】：

【解决方案1】：

1) 有效

.pagination {
    margin-bottom: 20px;
}

2) 在你的 CSS 中使用 !important

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

3) 用 div 替换你的 p 标签应该可以，但它没有，但是我使用了一个带有 clear: both 的 div 并且它有效..

这是您的jsfiddle 更新

【讨论】：