子选择符和后代选择符实例页面

展示

代码

• HTML：

  <ol>
      <li>颜色是？</li>
      <li>颜色是？
          <ul>
              <li>颜色是？</li>
              <li>颜色是？</li>
          </ul>
      </li>
      <li>颜色是？</li>
  </ol>

• CSS：

  ol li {
      color: darkblue;
      text-decoration: underline;
  }
  ol > li {
      color: lightblue;
      -webkit-text-decoration: underline wavy;
      text-decoration: underline wavy;
  }