Mix group selector and element selector : Element Selector : Style Basics HTML CSS TUTORIALS

HTML CSS TUTORIALS » Style Basics » Element Selector »

Mix group selector and element selector


 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CSS Positioning Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style rel="stylesheet" type="text/css">
div.page {
  border: 1px solid #000000;
  margin: 10px;
  padding: 10px;
  width: 250px;
}

span.explanation {
  font-size: 10px;
  border: 1px solid #000000;
}

strong {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  border: 1px solid #000000;
}

code {
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #000000;
}
</style>
</head>

<body>
  <div class="page">
    <span class="explanation">The 
        <code>span</code> 
        <strong>inline</strong> 
    </span>
  </div>
</body>

</html>