&是什么在一个scss选择器的意思？ [英] What does the & mean in an scss selector?

问题描述

& 在scss选择器中指的是什么？

What does & refer to in an scss selector?

    //Case 1

    .parent {
      & > ul {
        color: red
      }
    }

    //Case 2

    .parent {
      & > ul {
        & > li {
          color: blue;
        }
      } 
    }

    //Case 3

    .parent {
      & > ul {
        & > li {
          color: blue;
          &:hover {
            color: pink
          }
        }
      }
    }

推荐答案

& 是父选择器的占位符：

The & is a placeholder for the parent selector:

.parent {
  & > ul {
    color: red
  }
}

像

.parent > ul {
  color: red
}

常见用例是伪类，例如：

A common use case are pseudo classes, e.g.:

.link {
  &:hover {
    color: red
  }
}

可以在 CSS技巧。

这篇关于&是什么在一个scss选择器的意思？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！