相关疑难解决方法(0)

在SASS/SCSS中过度嵌套选择器在实践中有多糟糕?

我有一个.scss文件,除其他外包含这个:

nav {
  font-size: 0;
  ul {
    margin: $padding/3;
  }
  li {
    z-index: 10;
    position: relative;
    display: inline-block;
    font-size: $fontSize;
    /**
     * If we want separated, Uncomment!

    margin: $padding/3;
    @include border-radius(5px);

    */
    &:first-child {
      @include border-radius(0 5px 5px 0);
    }
    &:last-child {
      @include border-radius(5px 0 0 5px);
    }
    padding: $padding/3 0;
    @include background(linear-gradient(lighten($textColor, 10%), $textColor));
    border: 1px solid lighten($textColor, 20%);
    a {
      color: $brightColor;
      padding: $padding/3 $padding;
      font-weight: bold;
      text-decoration: none;
      @include transition(.2s all);

    }
    //Nested menues
    ul {
      opacity: …
Run Code Online (Sandbox Code Playgroud)

css performance sass css-selectors

16
推荐指数
3
解决办法
5476
查看次数

标签 统计

css ×1

css-selectors ×1

performance ×1

sass ×1