在 node.js 个应用中切换 CSS 主题
Switch CSS theme at a node.js app
我想在我的节点中实现一个简单的功能。js/express 允许用户(注册和未注册)快速更改 CSS 主题中的一些设置的应用程序。
有没有一种实现它的方法,我不必将用户的偏好记录到数据库中,应用程序只记住当前浏览会话的偏好并显示不同的 CSS 主题取决于用户选择的内容。
我需要这些样式不在单独的 CSS 文件中,而是对现有样式进行某种调整。
实施它的最佳方法是什么?
我想在单独的 CSS 文件中添加一些样式修改,然后当用户选择不同的主题时,将其记录为当前偏好并为这些用户加载额外的 css .
您认为这是一种好方法还是有更有效的方法?
查看用于存储首选项的 LocalStorage(几乎所有现代浏览器都可用),或者将首选项存储在不会过期的 cookie 中。如果您的首选项很复杂(比如覆盖单个元素),第一种方法最好,如果它们更简单(比如只覆盖一个文件),则第二种方法最好。
至于更新后的CSS,请不要修改现有文件。使用语言的级联特性,它是为覆盖而构建的。换句话说,将更改后的 CSS 内联到您的 html 中。它通常优先于单独的 CSS 文件,除非个别规则权重因某种原因而不同(例如更具体的选择器,这会增加规则 weight/priority)。
我想在我的节点中实现一个简单的功能。js/express 允许用户(注册和未注册)快速更改 CSS 主题中的一些设置的应用程序。
有没有一种实现它的方法,我不必将用户的偏好记录到数据库中,应用程序只记住当前浏览会话的偏好并显示不同的 CSS 主题取决于用户选择的内容。
我需要这些样式不在单独的 CSS 文件中,而是对现有样式进行某种调整。
实施它的最佳方法是什么?
我想在单独的 CSS 文件中添加一些样式修改,然后当用户选择不同的主题时,将其记录为当前偏好并为这些用户加载额外的 css .
您认为这是一种好方法还是有更有效的方法?
查看用于存储首选项的 LocalStorage(几乎所有现代浏览器都可用),或者将首选项存储在不会过期的 cookie 中。如果您的首选项很复杂(比如覆盖单个元素),第一种方法最好,如果它们更简单(比如只覆盖一个文件),则第二种方法最好。
至于更新后的CSS,请不要修改现有文件。使用语言的级联特性,它是为覆盖而构建的。换句话说,将更改后的 CSS 内联到您的 html 中。它通常优先于单独的 CSS 文件,除非个别规则权重因某种原因而不同(例如更具体的选择器,这会增加规则 weight/priority)。