css样式选择器

在代码的最顶端，创建一个如下的style元素：

<style>
</style>

在这个style元素内, 你可以为所有的h2元素创建一个元素选择器。比如，如果你想要将所有的h2元素设置为红色, 你的代码应该看起来像这样：

<style>
  <!--选择器 {属性名称: 属性值;}-->
  h2 {color: red;}
</style>

注意：一定要在属性值的后面加上分号[;]。

 

下面的这种是“类选择器”：

<style>
  .blue-text {
    color: blue;
  }
</style>

这只是声明了类选择器，还需要元素上应用：

<h2 class="blue-text">我是副标题</h2>

注意：在CSS中，类选择器应该添加[.]为前缀。而在HTML中，class属性不能添加.为前缀，这是因为在CSS中如果类选择器前不添加[.] 浏览器就会误认为类选择器是一个元素选择器。

 

和类选择器一样，你也可以使用ID选择器来声明样式。

声明一个叫cat-photo-element的ID选择器 ，并设置背景色为绿色。

#backgroundColor {
  background-color: green;
}

注意：在你的 style 元素内部，定义ID选择器必须添加 # 为前缀。