<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CCS 选择器 上机练习1</title>
<style>
#list {
width: 200px
font-size: 12px
background: #ccc
}
#list .title {
color: #ff7300
font-size: 14px
}
</style>
</head>
<body>
<div id="list">
<ul>
<li class="title">家用百货</li>
<li>大家电</li>
<li>洗衣机</li>
<li>电冰箱</li>
<li>平板电脑</li>
</ul>
<ul>
<li class="title">日用百货</li>
<li>肥皂</li>
<li>洗衣粉</li>
<li>纸巾</li>
<li>洗发水</li>
</ul>
</div>
</body>
</html>
题外话：
1.将来不想失业就别作弊，这个太基础了。
2.你的代码缩进太非主流了，这是态度问题。我是老板一定不要你，是老师一定体罚你。
3.出题的人不专业啊，这里用自定义列表才更语义化，附代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CCS 选择器 上机练习1</title>
<style type="text/css">
* {
padding: 0
margin: 0
}
#list {
padding: 10px 15px
background: #ccc
font-size: 12px
width: 200px
}
#list dt {
font-size: 14px
color: #ff7300
margin: 5px 0
}
</style>
</head>
<body>
<dl id="list">
<dt>家用百货</dt>
<dd>大家电</dd>
<dd>洗衣机</dd>
<dd>电冰箱</dd>
<dd>平板电脑</dd>
<dt>日用百货</dt>
<dd>肥皂</dd>
<dd>洗衣粉</dd>
<dd>纸巾</dd>
<dd>洗发水</dd>
</dl>
</body>
</html>
