我的目标是为我的web应用程序创建一个黑暗模式。 要获得设置,请输入 npm init vite 选择苗条的作为框架。然后按照命令行说明进行操作。转到src>应用程序。苗条的:
npm init vite
尝试以下方法:
body { background: black; }
通过vs代码中的svelte扩展,您将收到以下警告:
Unused CSS selector "body"
Image of my css and the warning
为了检查这个错误是否与浏览器有关,我在chrome dev tools中手动设置了这个属性,并达到了预期的效果。
Image of the same css working in dev tools
因此,我有以下问题:
为什么苗条不允许以这种方式塑造身材?
因为苗条的风格 默认范围 .你必须明确告诉斯维尔特你想在全球范围内应用一种风格。
你如何设计苗条的身体标签?
你想使用css选择器吗 :global(body) 而不是 body .
:global(body)
body
darkmode将如何实现?
就像你的风格一样 :全球(机构) ,使用 :global(body.dark-mode) 选择器。 Here is an example.
:全球(机构)
:global(body.dark-mode)