<!DOCTYPE html>
<html>
<head>
<style>
h2::first-letter {
font-size: 48px;
}
</style>
</head>
<body>
<h1>The Window Object</h1>
<h2 id="test" style="background-color:lightblue">
The getComputedStyle() Method</h2>
<p>The computed font size for div::first-letter in the test element is:</p>
<p id="demo"></p>
<script>
const element = document.getElementById("test");
const cssObj = window.getComputedStyle(element, ":first-letter")
let size = cssObj.getPropertyValue("font-size");
document.getElementById("demo").innerHTML = size;
</script>
</body>
</html>