零基础教你学前端——56，CSS简单选择器

我们前端部门的男女比例几乎是16:1，但是后端部门的程序员几乎都是男生，闷闷不乐，不爱交流。更好的互相帮助，推进工作进度！

如果我们要求第二段居中，怎么办？我们修改p元素选择器的样式，添加样式text-aligncenter。显然，两个段落都是居中对齐的，不能满足我们的需求。这时候id选择器就可以帮到我们了。id选择器使用HTML元素的id属性来选择特定元素。一个元素的id在一个页面中是唯一的，所以id选择器就是用来选择一个唯一的元素！要选择具有特定ID的元素，请写入井号(#)字符，后跟元素的ID。就像#para2。我们在第二个p元素上定义属性id并将其值设置为#para2。在style元素中定义选择器#para2、空格、花括号，写上styletext-aligncenter。这样，第二段就单独居中对齐了！请记住，ID名称不能以数字开头！例如将id和selector的值改为#1para2。看看，第二段不再居中了，样式失效了！记得再把id改回来。现在有一个新的要求。标题和第二段都需要斜体。如何实现？可以想到的方法是分别给元素选择器和id选择器添加样式：font-styleitalic。font-style声明字体样式，italic表示斜体。关于字体的样式声明，我们会在后续课程中详细讲解。在浏览器中观察，标题和第二段都是歪斜的。但是，同样的样式声明写了两次，有没有更简洁的方法呢？是的，可以使用类选择器来实现。类选择器可以选择具有特定类属性的HTML元素。要选择具有特定类别的元素，请写一个点(.)字符，后跟类别名称。例如：.italic我们在第二个p元素上定义了class属性，并将值设置为斜体。还在h1元素上定义了一个类属性，并且该值也设置为斜体。接下来我们对这两行代码进行注释，在style元素中定义选择器.italic，空格，花括号，写上stylefont-styleitalic。这样，标题和第二段也倾斜了。再看效果，只有标题和第二段是倾斜的。如果我们想给页面上的所有元素都加上黄色背景，有没有可以选择所有元素的选择器呢？如果有这样的选择器，就是万能选择器。通用选择器选择页面上的所有HTML元素。定义选择器的方法使用通配符星号。(*)将通用选择器星号添加到样式元素的第一行，(*)声明样式背景色为黄色。让我们看看，整个页面都是用黄色背景平铺的！在开发者工具的元素中查看所有的元素，发现所有元素的背景都是黄色的。为了验证真假，我们添加分组选择器html逗号body(html,body)，声明样式背景色aliceblue。我们再来看看效果。标题和段落确实添加了黄色背景。文章配套视频链接：https://www.bilibili.com/video...