有时候你希望可以在自己指定的地方去应用一些特别的样式 .. 这种情况一般我们可以使用类选择器 .. 就是你可以去给页面上的元素分分类,然后再分别去设计这些分类的样式 ..
比如在这个 h2 元素里面,添加分类用的是 class 这个 html 属性 .. 中文的意思就是类 .. 类的名字你可以自己去定义,一般类的名字最好可以描述一下它的样式 .. 比如我想让这个元素的文字使用一种特别的颜色 .. 这个类的名字就可以使用颜色的名字 ..这里设置成 red ..
再回到样式表,我们去设计一下 red 这个类的样式 .. 这里要使用一个类选择器 .. 它需要使用一个点开头 .. 然后是类的名字 .. 这里就是 red .. 大括号里去添加这个类的样式 .. 还是简单的用一个 color 把文字的颜色设置成 red,也就是红色 ...
你会看到,页面上使用了 red 这个类的元素里的文字的颜色,就会变成了红色 .. 你可以在想要使用这个样式的元素上去添加这个类 .. 比如在这个 h1 元素上,同样使用一个 class ,给它指定一个类,名字是 red ..
这回这个 h1 元素里的文字的颜色也会变成红色 ..