我的目标是为我的web应用程序创建一个黑暗模式.

try 以下方法:

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

因此,我有以下问题:

  • 为什么苗条不允许以这种方式塑造身材?
  • 你如何设计苗条的身体标签?
  • darkmode将如何实现?

推荐答案

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

因为苗条的款式有scoped by default种.你必须明确地告诉斯维尔特,你想在全局应用一种风格.

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

您希望使用css Select 器:global(body)而不是body.

darkmode将如何实现?

使用:global(body.dark-mode) Select 器,以类似的方式创建:global(body)样式.

Css相关问答推荐

Vue3日期 Select 器:禁用向左和向右箭头

在变量中存储匹配 Select 器的子元素的计数

如何阻止 Mud Blazor MudTable 列扩展以适合文本

我想在视频上使用混合混合模式的 svg

Tailwind Box-shadow

reactjs - 容器中水平行的png图像

将复选框对齐到中心

CSS,居中的 div,缩小以适应?

如何保持包装的弹性项目与前一行元素的宽度相同?

Bootstrap 4 img-circle 类似乎不存在

在整个 DIV 周围添加 CSS 框阴影

如何使多个 div 显示在一行中但仍保留宽度?

Bootstrap:在列之间添加边距/填充空间

在 IE9-10 中压缩 SVG 的背景大小

HTML表格:保持列的宽度相同

使用 inline-block 换行?

在 react-native 中使用 flex 使项目粘在底部

如何应用 CSS 分页符来打印包含大量行的表格?

CSS停止图像下的文本换行

html元素(div)的全高,包括边框,填充和边距?