Try it Yourself: CSS Inheritance

CSS Inheritance

<!DOCTYPE html>
<html>
<head>
<style>
body {
  color: #333;
  font-family: Arial, sans-serif;
  line-height: 1.6;
}

/* Paragraphs and list items inherit all three */
</style>
</head>
<body>

<p>This paragraph inherits color, font, and line-height from the body.</p>
<ul>
  <li>List items inherit them too</li>
</ul>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
body {
  color: #333;
  font-family: Arial, sans-serif;
  line-height: 1.6;
}

/* Paragraphs and list items inherit all three */
</style>
</head>
<body>

<p>This paragraph inherits color, font, and line-height from the body.</p>
<ul>
  <li>List items inherit them too</li>
</ul>

</body>
</html>