Cars

https://stackoverflow.com/questions/59835286/how-do-i-remove-parent-class-style-from-child-after-appending/59835637#59835637

by Dayun123

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
    .items{
      text-align: center;
      font-size: 10px;
    }
    .cars{
      text-align: center;
      font-size: 70px;
    }
  </style>
</head>
<body>

<script type="text/javascript">
  let cars = document.createElement("h1");
  cars.textContent = 'Cars'
  cars.classList.add("cars");
  let items = document.createElement("p");
  items.textContent = 'Items'
  cars.appendChild(items);
  items.classList.remove("cars");
  items.classList.add("items");
  document.body.appendChild(cars);
</script>
</body>
</html>