英文翻译:
!DOCTYPE html:文档类型html
html:超文本标记
head:头部
meta:元信息
charset:字符集
title:标题
body:文档主体
color:颜色
font-size:字体尺寸
代码演示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
/* .eb .ls{ */
.rnj .ls{
color: red;
}
</style>
</head>
<body>
<!-- 后代选择器: -->
<!-- 1,祖先结构关系,不一定是父子关系 -->
<!-- 2,祖先和后代之间要有“空格” -->
<!-- 3,层层关系也行 -->
<!-- div>ul>li*5 -->
<div class="ynj">
<ul class="yb">
<li class="zs">张三</li>
<li class="ls">李四</li>
<li class="ww">王五</li>
<li class="zl">赵六</li>
</ul>
</div>
<div class="rnj">
<ul class="eb">
<li class="zs">张三</li>
<li class="ls">李四</li>
<li class="ww">王五</li>
<li class="zl">赵六</li>
</ul>
</div>
</body>
</html>