标签式的导航样式表编写中其实也涉及到了CSS中的一个非常常用的特性——继承。
何为继承呢？继承指的是每一个元素可以有多个样式设计，在普通情况下，他遵守最外层的样式设计，如果遇到对其自身的样式，他将在继承外层样式设计的基础上，优先考虑自身的样式设计。钢板桩租赁，天津废锡回收
在本例中，我们在外层通过#nav li a{}这样的指定，对所有id为#nav下的li标签中的a对象设计了统一的样式，a无条件的全部优先实行#nav li a {} 的样式设定，但是我们对其中的某一个a加了id叫current，并对currnet设计了背景色。这个id为current的a对象无条件的优先执行#nav li a {} 的样式设定，然而因为current的介入，它必须在执行#nav li a {} 的样式设定基础上，再次执行#nav li a {} 的样式设定基础上，我们不会因为指派了#nav li a {} 的继续上，还会执行属于自己的#nav li a#current {}，当然#nav li a#current {} 拥有优先权，如果在#nav li a#current {} 中我们有与#nav li a {}中重复的样式属性定义并且值不一样，它将会用#nav li a current {}中的新值覆盖掉上一层#nav li a {}指派的值，这就是继续中的优先权，读者可以在代码中尝试一下。
虽然完成了标签式导航，但是方框状的导航似乎并不能够顺应现在的设计潮流，其实导航不仅可以使用CSS的颜色样式来定义，同样可以采用精心设计的图片或其他元素来构建导航，在这里我们将开始改善导航的设计，使它拥有带有丰富色彩的标签效果。根据我们对这套设计的构想，希望最终实现如图的导航效果。
我们将考虑去掉单一的方块背景元素，使用带色彩的圆角标签来完成我们的设计。不过从这个改进中能够体会到CSS设计的另一个优势，就是可以不需要修改结构代码，只需要修改样式，便可以完成改进，所以这里可以直接看看CSS代码的设计：天津网站建设，天津网站优化，汽车玻璃，天津二手装载机，商业策划招商
我们去掉了背景色的设计，给页面的body标签加上了深色背景，a对象被我们放置了重新制作的3个透明GIF图片分别为normal.gif，hover.gif和active.gif，分别用于表示普通/鼠标移上时/当前页的3中种交互状态，并重新设定了导航中文字的字体及a对象的编剧高度等元素以使其能够适应背景图片。
仅仅通过修改CSS代码，就更换了导航的外观，试想一下在大型网站应用中，如果我们对某一个通用模块不太满意，也不必再去翻看所有的界面去修改table表格，仅仅需要改动一下CSS中的相关属性，使可以轻松改变设计。
不管是纯CSS来设计导航还是由图片来设计导航，CSS对于元素控制能力是显而易见的，除了使用图片背景来增强我们导航的视觉效果，我们还可以直接诶利用图片来代替导航上的文字。
借助图片的设计，导航在视觉外观上能够表现得更理想，更符合网站需要。