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; }