css - Gridsome/vue.js 如何为不同的页面指定不同的背景颜色?

标签 css vue.js sass gridsome

如何在Gridsome/vue.js中为不同的页面指定不同的背景颜色?我试过确定 css 的范围,但它不适用于 bodyhtml 选择器。

最佳答案

htmlbody 在应用程序范围之外。您将希望以编程方式控制这些元素。

我想到了两个简单的途径:

  1. 使用layouts使用或不使用作用域 CSS 的方法。
  2. 使用 navigation guards 处理主体类列表.

关于css - Gridsome/vue.js 如何为不同的页面指定不同的背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59231354/

相关文章:

HTML 图像大小调整和缩放而不损失质量

vue.js - VueJS - 动态状态管理多个实例

css - 如何在 Vue.js 中使用/deep/或 >>> 或::v-deep?

javascript - 如何禁用在 v-time-picker 小部件中选择分钟?

javascript - 带有 webpack 的 Vue.js 不提供压缩的 GZIP .js 文件

css - 设置奇数和偶数兄弟元素的样式 - 不包括设置为显示 :none 的元素

css - scss 选择器中的 & 是什么意思?

html - 媒体查询后不触发CSS动画

html - 使用 css 隐藏展开的文本节点

php - 根据 php echo 值更改 td bg 颜色