Html 颜色：rgba（255，255，255，0.4）； 文本阴影：无； } .nav.nav图标{ 填充：0 15px； } .nav.nav图标：之前{ 显示：无； } [类别*=“图标-”]{ 显示：内联块； 宽度：16px； 高度：16px； 垂直对齐：文本顶部； 背景图像：url（“../img/icons.png”）； 背景重复：无重复； 背景色：透明； 字体：0/0衬线； 文本阴影：无； 颜色：透明； } .图标主页{ 背景位置：0； } 轻型水平导航

以下是您的做法，尽管我不推荐您这样做。通过包含样式表和保持标记/CSS分离，维护代码要容易得多

轻型水平导航
html、正文、div、span、小程序、对象、iframe、，
h1、h2、h3、h4、h5、h6、p、块报价、预，
a、 缩写，首字母缩写，地址，大，引用，代码，
del、dfn、em、img、ins、kbd、q、s、samp、，
小、走向、强、次、辅助、tt、var、，
b、 u，i，中心，
dl，dt，dd，ol，ul，li，
字段集、表单、标签、图例、，
表格、标题、正文、tfoot、THAD、tr、th、td、，
文章、旁白、画布、细节、嵌入、，
图，figcaption，页脚，页眉，H组，
菜单、导航、输出、ruby、节、摘要、，
时间、标记、音频、视频{
保证金：0；
填充：0；
边界：0；
字体大小：100%；
字体：继承；
垂直对齐：基线；
}
文章，旁白，细节，图表，
页脚、页眉、H组、菜单、导航、节{
显示：块；
}
身体{
线高：1；
}
ol，ul{
列表样式：无；
}
区块报价，q{
报价：无；
}
blockquote:before，blockquote:after，
问：之前，问：之后{
内容：''；
内容：无；
}
桌子{
边界塌陷：塌陷；
边界间距：0；
}
.关于{
利润率：70像素自动40像素；
填充：8px；
宽度：260px；
字体：10px/18px“Lucida Grande”，Arial，无衬线；
颜色：#bbb；
文本对齐：居中；
文本阴影：0-1pxRGBA（0,0,0,0.3）；
背景#3838；
背景：rgba（34,34,34,0.8）；
边界半径：4px；
背景图像：-webkit线性渐变（顶部，rgba（0,0,0,0），rgba（0,0,0,0.3））；
背景图像：-moz线性渐变（顶部，rgba（0,0,0,0），rgba（0,0,0,0.3））；
背景图像：-o-线性梯度（顶部，rgba（0,0,0,0），rgba（0,0,0,0.3））；
背景图像：线性渐变（到底部，rgba（0,0,0,0），rgba（0,0,0,0.3））；
-webkit盒阴影：插入0 0 1px rgba（0,0,0,0.2），0 0 6px rgba（0,0,0,0.4）；
框阴影：插入0.01像素rgba（0,0,0,0.2），0.06像素rgba（0,0,0,0.4）；
}
.大约一周{
颜色：#eee；
文字装饰：无；
边界半径：2px；
-webkit转换：背景0.1s；
-moz转换：背景0.1s；
-o-转变：背景0.1s；
过渡：背景0.1s；
}
.关于a:悬停{
文字装饰：无；
背景:#555；
背景：rgba（255,255,255,0.15）；
}
.关于链接{
高度：30px；
}
.关于链接>a{
浮动：左；
宽度：50%；
线高：30px；
字体大小：12px；
}
.关于作者{
边缘顶部：5px；
}
.关于作者>a{
填充物：1px 3px；
保证金：0-1px；
}
/*
*版权所有（c）2012-2013 Thibaut Courouble
* http://www.cssflow.com
*
*根据麻省理工学院许可证获得许可：
* http://www.opensource.org/licenses/mit-license.php
*/
身体{
字体：13px/20px“Lucida Grande”，塔荷马，威尔达纳，无衬线；
颜色：#404040；
背景：#e6url（“../img/bg.png”）0 0重复；
}
.集装箱{
保证金：100像素自动；
宽度：720px；
文本对齐：居中；
}
.导航{
高度：48px；
显示：内联块；
}
.nav>li，.nav:active>.active{
浮动：左；
位置：相对位置；
利润率：0.04倍；
高度：44px；
颜色：#5959；
文本阴影：0 1px白色；
背景色：rgba（0,0,0,0.05）；
边框：1px实心；
边框颜色：#cfcfcf#D6D6#c8c8c8；
背景图像：-webkit线性渐变（顶部，rgba（255，255，255，0.6），rgba（255，255，255，0.25））；
背景图像：-moz线性渐变（顶部，rgba（255，255，255，0.6），rgba（255，255，255，0.25））；
背景图像：-o-线性梯度（顶部，rgba（255，255，255，0.6），rgba（255，255，255，0.25））；
背景图像：线性渐变（到底部，rgba（255，255，255，0.6），rgba（255，255，255，0.25））；
-webkit盒阴影：插入0 1px白色，插入0 0 0 1px rgba（255，255，0.7），0 2px#dadada，0 3px#c4c4c4，0 4px 3px rgba（0，0，0，0.1）；
盒影：镶嵌0 1px白色，镶嵌0 0 1px rgba（255，255，255，0.7），0 2px#dadada，0 3px#c4c4c4，0 4px 3px rgba（0，0，0.1）；
}
.nav>li:悬停{
颜色：#539f07；
文本阴影：0 1px白色，0 0 20px白色；
}
.nav>li.active，
.nav>.active：激活，
.nav>li:活动{
z指数：2；
保证金：4px0；
高度：43px；
颜色：#404040；
背景：透明；
边框颜色：#ccc；
边框宽度：1px0；
背景图像：-webkit线性渐变（顶部，rgba（0,0,0,0.04），rgba（0,0,0,0））；
背景图像：-moz线性渐变（顶部，rgba（0,0,0,0.04），rgba（0,0,0,0））；
背景图像：-o线性梯度（顶部，rgba（0,0,0,0.04），rgba（0,0,0,0））；
背景图像：线性渐变（到底部，rgba（0,0,0,0.04），rgba（0,0,0,0））；
-webkit盒阴影：插入0 1px rgba（255，255，255，0.35），插入0-1px 1px rgba（0，0，0，0.05），1px 0 rgba（0，0，0，0.05），-1px 0 rgba（0，0，0，0.05），0 1px rgba（255，255，0.4）；
框阴影：插入0 1px rgba（255，255，255，0.35），插入0-1px 1px rgba（0，0，0，0.05），1px 0 rgba（0，0，0，0.05），-1px 0 rgba（0，0，0，0.05），0 1px rgba（255，255，0.4）；
}
.nav>li:活动{
z指数：3；
}
.nav>li:第一个孩子{
边框左侧宽度：1px！重要；
左边框颜色：#C6；
边界半径：5px 0 5px；
}
.nav>li:最后一个孩子{
右边框宽度：1px！重要；
右边框颜色：#C6；
边界半径：0 5px 5px 0；
}
.nav>li+li，.nav:active>.active+li，.nav:active>li+.active{
边框左宽度：0；
}
.nav>.active+li，
.nav>.active:active+li，
.nav>li:acti