css - 有没有办法在 laravel 中随机化 css 类

标签 css laravel css-selectors

有没有办法随机化 css 类并在 html 和 js 文件中更新它们?

像 gmail 一样,根据每个请求,某些类是不同的。

gmail classes

最佳答案

CSS 模块

这种做法现在被称为“CSS 模块”,并且随着 Webpack 的流行而得到越来越广泛的采用。这个概念是将 CSS 选择器转换(哈希)为唯一的类名,以确保模块之间没有样式冲突。

css-loader module for Webpack 有一个 modules 选项可以启用此功能。它通常与 React 一起使用,您可以通过导入 CSS 文件提供的 JS 对象在标记中分配类名,例如

import styles from './style.css

如果该 CSS 文件有一个选择器,例如.sidebar,它通过

应用在标记中
className={styles.sidebar} // JSX

Webpack 会对类名和匹配的选择器进行哈希处理以确保唯一性。

关于css - 有没有办法在 laravel 中随机化 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51912780/

相关文章:

php - Laravel 5 路由调用错误 View

CSS:多属性选择器

javascript - 根据 child 高度调整背景颜色

html - 当父级具有设置的宽度时,Flex-wrap 属性不响应

css - 将相对 div 的代码放在绝对 div 的代码之上,导致相对 div 不显示

javascript - 是否可以在元素内执行 mousedown 功能,但不能在子元素内执行?

css - 如何组合多个选择?

javascript - 屏幕调整大小的响应式 D3 圆环图

javascript - Vue.js 无法挂载组件 : template or render function not defined

php - Codeigniter Rest API 调用