ID选择器和class类选择器的不同是:每一个ID只能够被html调用一次,而css当中所编写的class则可以被html调用多次,我们使用ID选择器编写一个谷歌样式的字体,如果需要选择同样的颜色,则需要更换不同的id名称,使用class类选择器编写谷歌字体样式的网页如下:
https://www.cnblogs.com/geeksongs/p/14356090.html
当前使用ID选择器编写之后的式样如下:
![](https://i-blog.csdnimg.cn/blog_migrate/5e7557d4ba1daef7326fa29646c7201e.jpeg)
代码入下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>谷歌</title>
<style>
span
{
font-size:100px;
}
/#自定义的class需要在前面加上句号,也就是“.”,已经具有标签就不需要加上英文里的句号了!#/
#red
{
color:red;
}
#red_two
{
color:red;
}
#green
{
color:green;
}
#blue
{
color:blue;
}
#blue_two
{
color:blue;
}
#yello
{
color:yellow;
}
</style>
</head>
<body>
<span id="blue">G</span>
<span id="red">o</span>
<span id="yello">o</span>
<span id="blue_two">g</span>
<span id="green">l</span>
<span id="red_two">e</span>
</body>
</html>