Material ui 在内联样式中选择子元素（材质UI makestyles）

我正在使用材质ui makeStyles进行样式设置，无法从style.js中选择子元素

style.css

.item:hover>.sublist项{
显示：块；
}

当我将其更改为内联样式时，它不起作用

style.js

项目：{
“&:hover>.sublist”：{
显示：“块”，
},
},

下面是我如何申请课程的

计算机协会


RAS


WIE

---

在内联样式中选择子元素的正确方法是什么？

MUI类名是不确定的，请花一些时间咨询

classes.subistItem

不会导致将

subistItem

类附加到DOM元素。您还可以通过检查DevTools中的元素来查看此行为

要实现此功能，您需要一个静态类名：

一些相关说明：

“内联样式”指的是使用

样式

属性，这里不是这种情况。您所做的在JavaScript中称为CSS，或者更具体地说，称为JSS。不过，您仍然在使用

类

属性

---

子组合器的使用可能很棘手，因为单个MUI组件可能会导致多个DOM元素，并且您可能并不总是希望将直接子对象作为目标。每个组件API都将为您提供有关如何更改样式的提示。

MUI类名是不确定的，请花一些时间咨询

classes.subistItem

不会导致将

subistItem

类附加到DOM元素。您还可以通过检查DevTools中的元素来查看此行为

要实现此功能，您需要一个静态类名：

一些相关说明：

“内联样式”指的是使用

样式

属性，这里不是这种情况。您所做的在JavaScript中称为CSS，或者更具体地说，称为JSS。不过，您仍然在使用

类

属性

---

子组合器的使用可能很棘手，因为单个MUI组件可能会导致多个DOM元素，并且您可能并不总是希望将直接子对象作为目标。每个组件API将为您提供有关如何更改样式的提示。

请提供如何将类应用于JSX元素的代码。我假设这里的问题是

.item

是一个静态类名，而

类.item

是一个动态类名。后者不以

class=“item”

为目标，我已将类添加为className={classes.item}，而您的静态

item

类已完全消失？如果不知道DOM结构和应用于何处的类，这是不可能进行调试的。是的，我已经完全删除了静态类。请提供如何将类应用于JSX元素的代码。我假设这里的问题是

.item

是一个静态类名，而

类.item

是一个动态类名。后者不以

class=“item”

为目标，我已将类添加为className={classes.item}，而您的静态

item

类已完全消失？如果不知道DOM结构和应用于何处的类，这是不可能进行调试的。是的，我已经完全删除了静态类Tanks。为了回答这个问题，理解类是如何添加到DOM中的是很有帮助的。但在看到您的答案后，我只使用了template literal并添加了一个静态类和一个动态类<代码>这种方法正确吗，因为我添加了与动态类相同的静态类一般来说，这绝对没有错。但是，您的语法不正确。对于目前的情况，我将从

li

元素中删除class属性，并使用

classes.sublistItem

以及

sublistItem:{“li:hover>&”：{…}

。还可以看看和包，它们非常有用。感谢您的回答，了解类是如何添加到DOM中的非常有用。但在看到您的答案后，我只使用了template literal并添加了一个静态类和一个动态类<代码>这种方法正确吗，因为我添加了与动态类相同的静态类一般来说，这绝对没有错。但是，您的语法不正确。对于目前的情况，我将从

li

元素中删除class属性，并使用

classes.sublistItem

以及

sublistItem:{“li:hover>&”：{…}

。另外，请看一下和包，它们非常有用。