CSS Id 和 Class

CSS Id 和 Class

什么是id，什么是 class 选择器呢?

在设置CSS样式之前，我们要先定义好"id"以及"class"的选择器。

那什么是id 选择器呢?

• CSS中我们用"#"来表示id的选择器, HTML元素以id属性来设置id选择器。
• 标有特殊的id的这些HTML的元素都可以是id选择器。

举例说明，下面我们把样式设置在元素属性id="test"上:

#test
{
	color:red;
    text-align:center;
}

注意: 我们在定义ID属性的时候不能以数字开头，因为有一些浏览器是不识别数字开头的ID的。

那么什么是class 选择器呢?

• 在CSS中，我们用一个点.号来表示class类选择器
• class选择器可以在多个元素中使用
• class选择器和上面的id选择器是不同的
• class选择器可以表示一组元素

举例说明，下面我们把所有的是test的元素都设置为红色:

.test{color:red;}

当然我们也把让HTML中的元素设置为我们想要的class选择器。
举例说明, 我们把所有的h1元素都设置为class=“test”, 让他们都是红色的。

h1.test{color:red;}

如果我们想定义多个选择器可以用" "空格来分开:
举例说明:

.test1{ color:#AAAAAA; }
.test2{ text-left; }