别用DW之类的工具做这些简单的东西。您上面这些内容，如果真的懂代码，完全可以用淘宝自带的编辑器做啊。
（这里顺便推荐一下我们的《27A宝贝描述模板》，700皇冠+300天猫的选择，不需懂代码不需会PS，象您上面这个，其实在27A里用画板画是最快的，而且比代码灵活得多）
主要思路是你可以再设置一个class，属性为字体红色，然后再需要变为红色的语句标签前，加一个属性名；如<span class="normal special">双十一狂欢</span>这里就同时有了两个属性。
<html>
<head>
</head>
<body>
<style type="text/css">
.box{background-color:#C9CEC8width:420pxheight:50pxmargin:0 autoborder-top:2px solid #353736}
.content{height:32pxbackground-color:606F76border:1px solid #7697AA}
.content span{margin-right:18px}
.normal{color:whitefloat:leftdisplay:blockline-height:30pxfont-size:13pxfont-weight:bold}
.special{color:pink}
</style>
<div class="box">
<div class="content">
<span class="normal">本店所有商品</span>
<span class="normal">图标的位置</span>
<span class="normal">首页</span>
<span class="normal special">双十一狂欢</span>
</div>
</div>
</body>
</html>
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin:0padding: 0box-sizing:border-box}
a{color:#666text-decoration: none}
.menu{width:220px}
.menu h2{width:100%height: 36pxline-height: 36pxfont-size:18pxpadding-left: 10pxbackground: #0F7CBF}
.menu h2 a{color:#fff}
.menu .item h3{height: 30pxline-height:30pxpadding-left:15pxbackground: #E4F1FA}
.menu .item h3 a{color:#0F7CBFfont-size: 14px}
.menu .item p{padding: 15pxline-height: 18px}
.menu .item p a{font-size: 12px}
</style>
</head>
<body>
<div class="menu">
<h2><a href="#">家用电器</a></h2>
<div class="item">
<h3><a href="#">大家电</a></h3>
<p>
<a href="#">平板电视</a> <a href="#">洗衣机</a> <a href="#">冰箱</a>
<a href="#">空调</a> <a href="#">烟机/灶具</a> <a href="#">热水器</a>
<a href="#">冷柜/酒柜</a> <a href="#">消毒柜</a> <a href="#">家庭影院</a>
</p>
</div>
<div class="item">
<h3><a href="#">大家电</a></h3>
<p>
<a href="#">平板电视</a> <a href="#">洗衣机</a> <a href="#">冰箱</a>
<a href="#">空调</a> <a href="#">烟机/灶具</a> <a href="#">热水器</a>
<a href="#">冷柜/酒柜</a> <a href="#">消毒柜</a> <a href="#">家庭影院</a>
</p>
</div>
<div class="item">
<h3><a href="#">大家电</a></h3>
<p>
<a href="#">平板电视</a> <a href="#">洗衣机</a> <a href="#">冰箱</a>
<a href="#">空调</a> <a href="#">烟机/灶具</a> <a href="#">热水器</a>
<a href="#">冷柜/酒柜</a> <a href="#">消毒柜</a> <a href="#">家庭影院</a>
</p>
</div>
<div class="item">
<h3><a href="#">大家电</a></h3>
<p>
<a href="#">平板电视</a> <a href="#">洗衣机</a> <a href="#">冰箱</a>
<a href="#">空调</a> <a href="#">烟机/灶具</a> <a href="#">热水器</a>
<a href="#">冷柜/酒柜</a> <a href="#">消毒柜</a> <a href="#">家庭影院</a>
</p>
</div>
</div>
</body>
</html>
兼容IE8+
