★选择器
★元素选择器
<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>
选择到全局元素身上
