<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>
1 回答
Lemon156
TA贡献91条经验 获得超32个赞
css里代码注释是单行用//，多行用/**/
而html结构里的注释才是<!---->不要搞混了
所以只要把你css代码里的<!----->这个内容去掉就可以了
望采纳
添加回答
举报
0/150
提交
取消