随后兄弟选择符和相邻兄弟选择符实例页面

展示

代码

• HTML：

  <p class="cs-li">列表内容1</p>
  <h4 class="cs-h">标题</h4>
  <p class="cs-li">列表内容2</p>
  <p class="cs-li">列表内容3</p>

• CSS：

  .cs-h ~ .cs-li {
      color: skyblue;
      text-decoration: underline;
  }
  .cs-h + .cs-li {
      text-decoration: underline wavy;
  }