<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Hello World</title>
    <style>
    	div {
        	height: 20px;
            color: green;
        }
        
        div div {
        	color: orange;
        }
        
        .red {
        	color: red;
        }
        
        #blueDiv {
        	color: blue;
        }
        
        [highlight] {
        	background-color: yellow;
        }
    </style>
  </head>
  <body>
    <div>this is a div</div>
    <div><span><div>this is a div inside a div.</div></span></div>
    <div class="red">this is a div with a class</div>
    <div class="red" id="blueDiv">this is a div with a class and id.</div>
    <div highlight>this is a div with an attribute</div>
  </body>
</html>

Copy Format

Download