解决样式冲突

使用自定义元素 + 样式覆盖解决样式冲突。

by lmk123

CSS

body {
  font-size: 50px;
}

div {
  color: green !important;
}

Babel + JSX

const box = document.createElement('my-div');
box.textContent = '翻译结果！';
box.style.display = 'block';
box.style.color = 'red';
box.style.fontSize = '20px';
document.body.appendChild(box);