最容易理解的选择器使用

类选择器还是 ID 选择器？

在类选择器这一章中我们曾讲解过，可以为任意多个元素指定类。前一章中类名 important 被应用到 p 和 h1 元素，而且它还可以应用到更多元素。

区别 1：只能在文档中使用一次
与类不同，在一个 HTML 文档中，ID 选择器会使用一次，而且仅一次。

区别 2：不能使用 ID 词列表
不同于类选择器，ID 选择器不能结合使用，因为 ID 属性不允许有以空格分隔的词列表。

后代选择器

-后代选择器使用

比如：
<style>
  .nav li a{
      color:red//只有a起作用
  }
<.style>
<ul class="nav>
    <li>我是ul 的孩子</li>
    <li>我是ul 的孩子</li>
    <li>我是ul 的孩子</li>
    <li>我是ul 的孩子</li>
    <li><a href="#">不会变化</a></li>
    

子元素选择器

• 子选择器使用>来选择后面的元素，比如下面的代码，只有第一个a标签起作用（也就是只选择离他最近的子元素）

<style>
  .nav>a{
      color:red//只有a起作用
  }
<.style>
<div class="nav>
   <a href="#">我是儿子</a>//只有它起作用
   <p>
   <a href="#">我是孙子</a>
   </p>
    </div>
    

并集选择器

• 使用逗号隔开，比如p,div{

}
通常情况下，并集选择器约定竖着写

伪类选择器（按照lvha写）

• a:link 未访问连接
• a:visited{} 选择点击过的链接
• a:hover{} 选择鼠标经过的那个链接
• a:active 选择我们鼠标正在按下还未弹起鼠标的那个链接

focus 伪类选择器 获取光标

input:focus {
background:pink;
}