3

私は最近、jsに反応することを学び始めました。style.ts一部のファイルでは & がクラス宣言の前に使用されていることに気付きました。

export const agGrid = {
    extend: [container],
    '& .ag-theme-material': {
        marginTop: '2rem'
    }
};

誰かが何のために助けてくれますか&？使用されているフレームワークは、ファイルjssから見えるものだと思いますpackage.json

4

2 に答える 2

8

&親ルールのセレクターを参照するために使用されます。

const styles = {
  container: {
    padding: 20,
    '&:hover': {
      background: 'blue'
    },
    // Add a global .clear class to the container.
    '&.clear': {
      clear: 'both'
    },
    // Reference a global .button scoped to the container.
    '& .button': {
      background: 'red'
    },
    // Use multiple container refs in one selector
    '&.selected, &.active': {
      border: '1px solid red'
    }
  }
}

コンパイルすると:

.container-3775999496 {
  padding: 20px;
}
.container-3775999496:hover {
  background: blue;
}
.container-3775999496.clear {
  clear: both;
}
.container-3775999496 .button {
  background: red;
}
.container-3775999496.selected, .container-3775999496.active {
  border: 1px solid red;
}

詳細はこちら - http://cssinjs.org/jss-nested?v=v6.0.1

于 2018-05-11T05:24:00.367 に答える