CSS:当前值的百分比

CSS:当前值的百分比,css,Css,如果一个元素已经有一个固定的属性值对,比如 div { top: X px; } 在使用CSS进行初始声明后,是否可以将该值设置为(X的50%?否,将从父元素计算百分比。您需要使用Javascript实现该功能。否,百分比将从父元素计算。您需要使用Javascript实现该功能。您需要使用JS,类似于:el.style.top=el.style.top*1.5 编辑:或者,如果您正在使用类似SASS的东西,您可以将初始值声明为变量,然后简单地将其乘以:$initialTop=50;di

如果一个元素已经有一个固定的属性值对,比如

div {
    top: X px;
}

在使用CSS进行初始声明后,是否可以将该值设置为(X的50%?

否,将从父元素计算百分比。您需要使用Javascript实现该功能。

否,百分比将从父元素计算。您需要使用Javascript实现该功能。

您需要使用JS,类似于:
el.style.top=el.style.top*1.5


编辑:或者,如果您正在使用类似SASS的东西,您可以将初始值声明为变量,然后简单地将其乘以:
$initialTop=50;div{top:$initialTop*1.5}
您需要使用JS,类似于:
el.style.top=el.style.top*1.5

编辑:或者,如果您正在使用类似SASS的东西,您可以将初始值声明为变量,然后简单地将其乘以:
$initialTop=50;div{top:$initialTop*1.5}

不适用于CSS(目前),但适用于LESS或SASS等预处理器。不适用于CSS(目前),但适用于LESS或SASS等预处理器。