创建咖啡店菜单之选择器

创建咖啡店菜单之选择器

1、步骤描述

更改现有的#menu选择器变成一个类选择器，#menu替换为一个名为.menu。

2、原有代码

#menu {
width: 80%;
background-color: burlywood;
margin-left: auto;
margin-right: auto;
}

3、最终代码

.menu {
width: 80%;
background-color: burlywood;
margin-left: auto;
margin-right: auto;
}

4、运行结果

5、“#menu”和“.menu”的区别

（1）使用#前缀来选择id的标签

#menu表示一个名为menu的id选择器

（2）一个类选择器是由一个名字定义的，在它的前面直接加一个点

.menu表示一个名为menu的类选择器