相邻兄弟选择符与:focus伪类交互实例页面

展示

代码

• HTML：

  用户名：<input><span class="cs-tips">不超过10个字符</span>

• CSS：

  .cs-tips {
      color: gray;
      margin-left: 15px;
      position: absolute;
      visibility: hidden;
  }
  :focus + .cs-tips {
      visibility: visible;
  }