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

展示

代码

• HTML：

  <ol>
      <li>背景色是？</li>
      <li>背景色是？
          <ul>
              <li>背景色是？</li>
              <li>背景色是？</li>
          </ul>
      </li>
      <li>背景色是？</li>
  </ol>

• CSS：

  ol li {
      background-color: deepskyblue;
  }
  ol > li {
      background-image: repeating-linear-gradient(135deg, white 0 5px, transparent 5px 10px);
  }