简单 css 嵌套案例
1. 简介
  在网页设计中，CSS 样式起着桥梁的作用，能够将 HTML 文件变得
更加美观、有序。然而，在开发过程中，为了实现复杂的布局，往往
需要使用 CSS 嵌套，也就是 CSS 选择器的嵌套。这篇文章就来讨论 CSS
嵌套的相关问题。
2. 什么是 CSS 选择器
  在 CSS 中，选择器指的是用来选中 HTML 标签的编码规则。通过各
种方式，我们可以利用选择器来为不同的 HTML 元素添加样式。下面是
一些基本的选择器名称：
  - 标签选择器：用标签名字来选择 HTML 元素（如 div、a、span
等）。
  - 类选择器：用 class 属性值来选择 HTML 元素
（如.class1、.class2 等）。
  - ID 选择器：用 id 属性值来选择 HTML 元素（如#id1、#id2 等）。
  - 伪类选择器：选择不同状态下的 HTML 元素
（如:hover、:active 等）。
  这里我们要重点介绍的是，选择器的嵌套。
3. 什么是 CSS 嵌套
CSS 嵌套，就是将多个选择器组合在一起，用来选中复杂的 HTML
元 ...