HTML第二课——css2

稍稍一偷懒，就有近一个星期没有更新了，

大家五一快乐哈

现在继续上一节课的内容，看下面代码：

上面代码中有两个标签，而在样式表中只有一个样式文件，那么此时是不是两个标签都使用同一个样式呢？大家看了以后就知道，答案是肯定的。那么我们现在想让两个样式不一样，该怎么写呢？此时我们就需要对两个有所区分，上面文件中选择器叫做，所以只要是标签都会适用于对应的样式。现在要区别设置，就涉及到标签选择器了：

id选择器

所有的可视化基本都有id属性，id英文全名为意为，所以id值必须是唯一的。而且id命名规范为。起名字要用，比如：，。

上面已经写好，我们现在来文件中修改代码，如果你看过之前的写法，那你就一定记得中id用来表示，文件中也一样——代表，代表：

页面显示：

class选择器

就不是唯一的了，这就是为什么在中有的原因了。如上所说，用表示：

页面显示：

背景色有长有短的问题先不用管，下一篇会讲。

你也可以在标签下增加属性，然后设置它的背景色，但如果的标签设置了背景色，那么会优先选择你在下设置的背景色：

显示和上图一样。所以选择器优先级要高于选择器。

混合选择器

先说明一下，以后我们要用混合选择器，用混合选择器，用混合选择器。

混合选择器就是+

下面代码中的意为

这样，css就只会修改class是myClass的div标签了。

如果想把是的其他标签也用相同的样式，只需要用逗号隔开：

用选择器的原则就是

选择器的优先级：

现在我们修改

现在我们要修改标签的文字颜色为红色：

之前我们说过，标签是分层的，这里的空格即表示分层，所以上面代码中最后面的样式意为。

我们再做一个练习：

大家看一下上面css是什么意思？

答案：id是module-body的下一层id是brand-mask的下一层id是enter的span标签。