是否可以为CSS ID上的单个属性设置两个值,例如
身高:12em; 身高:12rem;
对于一个id？我知道可以用CSS做到这一点,但是我想通过javascript更改高度,并且在一个属性上都有两个值,因此'em'可以作为不支持'rem'的浏览器的后备.
例:
function updateHeight() {
var testElem = document.getElementById("testId");
testElem.style.height = "12em";
testElem.style.height = "12rem";
//testElem.style.height = "12em; 12rem;"; doesn't work, applies "12em"
}#testId {
height: 8em;
height: 8rem;
background-color: black;
color: white;
}<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta charset="utf-8" />
</head>
<body>
<div id="testId">
BlaBla
</div>
<button onclick="updateHeight()">Bla</button>
</body>
</html>