代码之家 › 专栏 › 技术社区 › Felkru

塑造苗条的身体元素

darkmode vite svelte visual-studio-code css

Felkru · 技术社区 · 4 年前

我的目标是为我的web应用程序创建一个黑暗模式。要获得设置,请输入 npm init vite 选择苗条的作为框架。然后按照命令行说明进行操作。转到src>应用程序。苗条的:

尝试以下方法:

body {
    background: black;
}

通过vs代码中的svelte扩展,您将收到以下警告:

Unused CSS selector "body"

为了检查这个错误是否与浏览器有关,我在chrome dev tools中手动设置了这个属性,并达到了预期的效果。

因此,我有以下问题:

1 回复 | 直到 4 年前

cSharp 4 年前

为什么苗条不允许以这种方式塑造身材?

因为苗条的风格 默认范围 .你必须明确告诉斯维尔特你想在全球范围内应用一种风格。

你如何设计苗条的身体标签?

你想使用css选择器吗 :global(body) 而不是 body .

darkmode将如何实现?

就像你的风格一样 :全球(机构) ,使用 :global(body.dark-mode) 选择器。 Here is an example.

推荐文章

Alex · 在轻量级中同时解构和不解构变量

1 年前

Y-jiji · 调整大小时替换了假选择

1 年前

opensas · SvelteKit:使用vitest时出现错误invite.config.js:“没有重载匹配此调用”

1 年前

Leonardo Cavalcante · Svelte 5:当对图像使用条件渲染时,表单在页面加载时短暂出现然后消失

1 年前

Localghost · 我如何在sveltekit的开发和发布版本中拥有单独的功能?

2 年前

Michael · 单击单选按钮后,保存按钮不会立即更新

2 年前

Patrick Kenny · 如何将全局SCSS文件添加到Svelte/SvelteKit?

2 年前

Michael · 将可读存储添加到可写存储

2 年前

Sam Sabin · 是否可以将Svelte{#each}循环的结果限制一定的量?

2 年前

SuperSIlly2 · Svelte/TS通过foreach循环应用样式不会修改样式

2 年前