怎么动态修改 css 样式

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

This topic created in 2240 days ago, the information mentioned may be changed or developed.

网页中:

<div class="mr-5">你好</div>

css 文件中

.mr-5{
  margin-right: 5px;
}

可不可以做成像传入参数一样设置成动态的,比如

.mr-(param){
	margin-right: (param)px;
}

这样的话我就不用在 css 文件中重新定义写 mr-10、mr-20 这样的写死的 class 了,而是只需要写上面一个.

2 replies

codehz

Mar 13, 2020 via Android

Css 没这个功能，这边建议你用 style(

bnm965321

Mar 13, 2020

你想要的可能是 tailwind CSS