你好,我尝试理解一个Material-UI组件的工作原理,并发现了以下样式:
root: (0, _extends3.default)({}, theme.typography.subheading, {
height: theme.spacing.unit * 3,
boxSizing: 'content-box',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
'&:hover': {
backgroundColor: theme.palette.text.lightDivider
},
'&$selected': {
backgroundColor: theme.palette.text.divider
}
}),
selected: {}
}
我想知道CSS语法中'&$selected'的含义。我遇到的问题是,我想通过传递样式来覆盖背景颜色,但它并没有覆盖它。我想了解这里的背后发生了什么。
$selected
是您代码中一个变量的名称,并将编译为该变量包含的任何内容。这不是标准的 CSS。 - Jon Uleis&$
不是一个东西,但&$selected
将会是父选择器 (&
) 和$selected
变量值的组合。如果我们要字面理解,这不是 CSS 语法,而是 SCSS 或 SASS 语法。 - Alex W