javascript - 自己样式的 CSS 变量

标签 javascript css

<分区>

我不精通 html 和 css,所以我什至不知道如何在 StackOverflow 中搜索帖子,如果这是重复的,请事先原谅我。

我想做这样的事情:

margin-horizontal
{
   margin-left: var;
   margin-right: var;
}

<div style="margin-horizontal: 50px">

有没有办法实现这种行为?

最佳答案

CSS variables可能是你要找的。您的示例如下所示。

CSS:

:root {
 --space: 50px;
}

.margin-horizontal
{
   margin-left: var(--space);
   margin-right: var(--space);
}

HTML:

<div class="margin-horizontal">...</div>

关于javascript - 自己样式的 CSS 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70125661/

相关文章:

javascript - 检查指令是否有属性

javascript - 输入后换行

html - 水平放置 div 图片

javascript - JS 中验证对象是否存在以及是否存在某个属性的最佳和最快方法是什么?

javascript - 单击时将 body 向左移动

javascript - jQuery滑动菜单错误

html - 带有多个文件的@font-face 在 Firefox 和 Chrome 中看起来不同

css - IE7 中的菜单悬停 z-index 错误

javascript - Getting throw er;//Node & Passport 未处理的 'error' 事件

css - 为菜单 PNG 图像动态着色