★选择器
★元素选择器

<a class="myClass" href="index.html">点击跳转</a>
<span class="myClass">另一文本</span>
<style type="text/css">
a {
    background: gray;
    color: #6a90d9;
}
</style>

效果：作用于 HTML 文档中的所有 a 标签的元素上

★id选择器

<a id="myId" href="index.html">点击跳转</a>
<style type="text/css">
#myId {
    background: gray;
    color: #6a90d9;
}
</style>

id选择器唯一性 id 选择器只作用于单个元素

<a class="myClass" href="index.html">点击跳转</a>
   <span class="myClass">另一文本</span>
<style type="text/css">
.myClass {
    background: gray;
    color: #6a90d9;
}
   </style>

文档中可对多个元素应用相同 class，所以 class 可同时作用于多个元素

★属性选择器

<a class="myClass" href="index.html">点击跳转</a>
<span class="myClass">另一文本</span>
<style type="text/css">
[href] {
    background: gray;
    color: #6a90d9;
}
</style>

作用于所有具有 href 属性的元素，不管有没有使用

★组合选择器

<a class="myClass" href="index.html">点击跳转</a>
<span class="myClass">另一文本</span>
<style type="text/css">
a.myClass {
    background: gray;
    color: #6a90d9;
}
</style>

元素选择器和 class 选择器组合使用，作用于 a 元素中有声明 myClass 类型的元素

★通用选择器

<style type="text/css">
* {
    background: gray;
  }
</style>

选择到全局元素身上