2010-09-23 94 views
-2

我在这个开发page有一些代码。它是页脚中的图形设计专栏。这应该显示像它的邻居(关于我们,网页设计等),但没有任何数量的CSS,包括!重要的将预算它。为什么标题没有响应代码来覆盖样式?

下面是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; } 

我想在平面设计列的所有H5S看起来就像隔壁的头。我真的很感谢一些帮助让这个任性的部分遵守。

谢谢!

+2

“平面设计专栏”看起来不像表兄弟?顺便说一句,'h5'并不适合导航链接。 – RoToRa 2010-09-23 14:30:56

+0

非常隐晦的问题。我找不到任何错误,以及你想说什么。 – AlexanderMP 2010-09-23 14:31:01

+0

我在铬,ff 3.6,即8查看该网站,并没有看到图形设计选项卡中的差异。我看到他们之间呈现下拉列表的方式有所不同。但是,我怀疑大部分与您使用XHTML doctype而不是HTML STRICT doctype – NotMe 2010-09-23 14:33:20

回答

3

你的问题是,你已经有一个在CSS中声明的h5风格,这不会被覆盖,无论如何,似乎。

我只想用一个<span><li>就像你有“隔壁”,因为这些都不是任何性质的:)标题

+0

这解决了这个问题。谢谢。 – fmz 2010-09-23 14:48:17

+0

不客气:) – Kyle 2010-09-23 14:50:59

0

如果你使用Firebug,你可以看到其余全部列使用<UL>显示选定的选项。 <h5>仅用于主标题。做到这一点,并应该解决您的问题。