Question

我在开发中page有一些代码。它是页脚中的Graphic Design列。这应该显示为它的邻居（关于我们，网页设计等），但没有数量的CSS，包括！important将使它成为预算。

这是html：

<div class="sub-nav">
     <h5 class="graphic"><a href="#">Graphic Design</a></h5>
     <h5 class="graphic"><a href="#">Business Development</a></h5>
     <h5 class="graphic" ><a href="#">Our Blog</a></h5>
     <h5 class="graphic"><a href="#">Contact Us</a></h5>
</div>

这是CSS：

.sub-nav h5.graphic a:link, .sub-nav h5.graphic a:visited    { padding-bottom: 10px !important; color: #22a9e0; border-bottom: none; font-size: 14px : }
.sub-nav h5.graphic a:hover, .sub-nav h5.graphic a:active        { font-size: 14px !important; border-bottom: none; }

我希望Graphic设计栏中的所有h5看起来就像隔壁的标题。我非常感谢帮助这个任性的部分遵守。

谢谢！

Answer 1

你的问题是你已经在CSS中声明了h5样式，无论如何，它都不会被覆盖。

我会使用<span>或<li>就像你有“隔壁”一样，因为这些不是任何性质的标题：）

Answer 2

如果您使用FireBug，您可以看到所有列都在使用＆lt; ul＆gt;显示所选选项。＆LT; H5＆GT;仅用于主标题。这样做，应该解决你的问题。

为什么标题不响应代码来覆盖样式？

2 个答案: