无法理解MuiSvgIcon相关CSS代码作用，求其运行原理讲解

这段CSS选择器.sidebar__headerRight > .MuiSvgIcon-root的匹配规则是：只针对类名为sidebar__headerRight的元素的直接子元素中，携带MuiSvgIcon-root类名的元素生效，MuiSvgIcon-root是Material UI组件库中SVG图标组件的默认类名，通常这类元素就是侧边栏头部右侧区域的功能图标。

包含的两条样式规则作用分别是：

• margin-top: 2vw;：给匹配到的图标顶部添加2vw的外边距，vw是相对浏览器可视窗口宽度的单位，1vw等于当前窗口可视宽度的1%，这个边距会随窗口宽度自动调整，适配不同尺寸的屏幕。
• font-size: 24px !important;：强制将匹配到的图标的字号设置为24px，!important是CSS的最高优先级标识，添加后这条字号规则会覆盖其他所有作用在同一元素上的字号样式，不受其他选择器优先级影响。

内容的提问来源于stack exchange，提问作者Abhishek kumar