<html>
<head>
<title>第八章学习</title>
<style type="text/css">
.stress{color:red;}<!--类选择器-->
#setblue{color:blue;}<!--ID选择器-->
.food>li{border:1px solid red;}/*添加边框样式(粗细为1px，颜色为蓝色的实线）*/ <!--为实现-->
</style>
</head>
<body>
<p>标签选择器就是HTML代码中的标签如html,body,h1,p,img；<span class="stress">类选择器在CSS编码中最常用，它以英文圆点开头，其名称可以任意取;</span><em id="setblue">ID选择器类似于类选择器，区别是须为标签设置ID="id名称"而不是类名称。ID选择符前面是#号而非英文圆点，且只能在文档中使用一次；</em></p>
<p>>表示子选择器，用于选择指定标签元素的第一代子元素；包含选择器即加入空格，用于选择指定标签下的后辈元素；通用选择器功能最强大，使用*指定，作用是匹配HTML中所有标签元素；</p>
<h1>食物</h1> <!--子选择器示例-->
<ul class="food">
<li>水果
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>蜜梨</li>
</ul>
</li>
<li>蔬菜
<ul>
<li>白菜</li>
<li>油菜</li>
<li>花菜</li>
</ul>
</li>
</ul><!--子选择器示例-->
</body>
</html>
Lemon156