Information

Sajt

18 Prioritera rätt boxes

Se till att alla boxar nedan blir gröna, genom att använda en selectorer för varje box och så lite prioritering som möjligt. Du ska bara lägga till kod i det mellersta style elementet.

Kod 


<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8" />
<style>		 
	     div {
			 background-color: red;
		 }
		 
		#id1 {
		     background-color: red;
	     }
	     
	    #id2 {
		     background-color: red;
	     }
	</style>
<style>		 
// Din CSS kod bara i detta element
	</style>
	<style>	     
	      #id3 {
		     background-color: red;
	     }
	     
	    .class1 {
		     background-color: red;
	     }
	     
	     div {
			 margin: 10px;
		     width: 50px;
		     height: 50px;
		     border-style: solid;
		 } 
	</style>
</head>
<body>
<ol>
	<li><div></div></li>
	<li><div class="class1"></div></li>
	<li><div id="id1"></div></li>
	<li><div id="id2" class="class1"></div></li>
	<li><div style="background-color: red;" id="id3"></div></li>
	</ol>
</body>
</html>

Nyheter