SCSS: 伪类 :first-of-type 影响所有类型

问题描述

我想就 :first-of-type 伪类寻求您的帮助。请您检查下面我正在使用的简化代码示例 - :first-of-type 影响所有类型或不影响任何类型。

HTML：

<div id='nav'>
  <div class='row'> 

    <div class='cell'>
      <strong>Subject 1</strong>
      <ul>
        <li>item 1</li>
      </ul>
    </div>

    <div class='cell'>
      <strong>Subject 2</strong>
      <ul>
        <li>item 1</li>
      </ul>
    </div>  

  </div>
</div>

SCSS：

#nav{
  @extend %filter_full_size;

  strong{
    color: $color_blue;
    width: 100%;
    display: inline-block;
    position: relative;
    height: 3em;
    line-height: 3em;

    &:first-of-type{
      &:after{
        content: '';
        display: inline-block;
        position: absolute;
        width: 200%;
        height: 1px;
        background-color: $color_blue;
        bottom: 0;
        left: 0;
      }
    }
  }
}
      

我也尝试将 :first-of-type 用于类为“cell”的父元素，但它根本不起作用。

#nav{
  @extend %filter_full_size;
  
  .cell{
    strong{
      ......
    }

  &:first-of-type{ 
    strong{ 
      &:after{
        ......
      }
    }
  }
}

感谢您的帮助。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）