<html>
<head>
<style>
html { --one: 10px; }
body { --one: 50px; --one: inherit; }
</style>
<body>
<script>
document.write(getComputedStyle(document.body).getPropertyValue("--one"))
</script>
</body>
</html>