01-html&CSS/29-尚硅谷-HTML和CSS-id选择器

下一个选择器是什么？是ID选择器啊，我们说ID选择器的格式是现在认识一下它，它是什么样子的呢？先是井号，然后的ID。属性值，那里面是啥属性冒号值，分号就这样子，这就是ID选择器它的一个格式，那ID选择器怎么样去用呢？ID选择器。可以让我们通过ID属性选择性的去使用这个样式，就这样子你就可以选择了，标签名不同，好，那我们来演示一下哈，啊，这里有个需求，我也准备在这边了，就ID选择器我们给他打开一下。我把其他的关了打开有点多好，这个需求什么呢？那分别定义两个div，下面有吧，啊，那么第一个div的ID值呢，是ID001有了吧，哎，诶下面还有个第二个标，第二个第二位标签是ID002也有啊，那么人家要求什么东西啊。

根据ID属性定义G样式，那么修改字体颜色为蓝色大小的是30个像素，边框是一个像素黄的实现。看见吧，就是说他的这个ID的样式是这样子，那第二个第二位的样子呢，诶注意看到哈，他说字体颜色要红色，字体大小有20个像素，边框是五个像素，蓝色边间。这个时候他们是不是根据ID来定义的？他们说不同的ID啊，样式效果不同，那这时候怎么办？你得按照人家这个格式来写。先写井号，后面是ID属性值，好，我们按照这个说法来做，问它来里面写上style type test CSS，它里面写怎么写，是不是几个打头啊，你看他直接给你提示了，看见了吗？他直接上来就给你提示了，ID是不是001啊，好大括号。

啊，大括号，然后呢，看看你的样子吧，人家说字体颜色是蓝色，字体颜色是不是看了呀，蓝色blue啊来看看效果是不是蓝色，有笑话那就接着写呗，然后第二个是什么？哎，这里大小find size20个像素，还有啊30是吧。30还有呢，边框O的一个像素啊，黄色什么实像可以了。有吧，有好，接着呢，我们再看看第二个。ID002的怎么办呢？再写一个井号ID002，看见吗？找你啊，又是一来啊。好，人家要求什么东西啊？呃，颜色是红色写的啊，Color red。

然后呢，字体大小find size20个像素，还有呢边框哎五个像素下面是什么？是不是蓝色点线，看见吗？蓝色blue嘛，先敲上了点线，咱们不会去找导航点线点线来找边框点线。这不得线的，这他啊都点了是吧。好，那我们来刷新一下，大家看这个啊就出来了，好，但是现在注意看我们复盘一下，我们重点关心的还是怎么用，不是怎么写啊，我现在把这个ID给它去掉。他们这个样式还能够生效吗？样式是不是没有效果呢？那么当我们看到别人写好的样式里面是井号打头的，我们知道它是ID选择器，那么这种选择器我们怎么样去使用呢？注意看，只需要在标签上面通过ID这个属性选上你要用的那个样式就行了，比如说我想选择用ID002，这个样式怎么办呢？你在这里就选上ID002，看见了吗？那你在这边一刷新，它是不是用第二个样式了？

哎，这就是ID选择器的效果，通过ID选择ID属性，我们可以选择性的去使用，哎，这张了解一下OK。