未能正确表达出样式状态
题目以及正确的展示效果:
代码:
自己编译出来的错误展示效果:
你得一个一个字母的写样式 不能都写到一个里面
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.font {
font-size: 60px;
font-weight: bold;
}
.blue {
color: blue;
}
.red {
color: red;
}
.yellow{
color: yellow;
}
</style>
</head>
<body>
<span class="font blue">G</span>
<span class="font red">o</span>
<span class="font yellow">o</span>
<span class="font blue">g</span>
<span>le</span>
</body>
</html>