Information

Sajt

8 Selector

Gör så det som står mellan "??" blir sant genom att lägga till något till övre style elementet.

Kod 


<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8" />
<style>		 
	</style>
	<style>
	     div {
			 margin: 10px;
		     border-style: solid;
		 } 
	</style>
</head>
<body>
	<div id="A" class="CC">
	     ?? Välj mig med en id selector och gör mig röd. ??
	     <h1 class="C"> ?? Välj mig med en class selector och gör mig grön. ?? </h1>
	     <h4> ?? Välj mig med en tag selector </h4>
	     <div>
	         <h3> ?? Välj mig med en klass och sedan en tag selectorer och gör mig orange ?? </h3> 
	         <h3> ?? Välj mig med en id och sedan flera tag selectorer och gör mig gul ?? </h3>
	     </div>
	     <div id="B">
	         <h1> ?? Välj mig på bästa sätt och gör mig rosa ?? </h1>
	         <h1> Lorem ipsum </h1> 
	         <h2 class="C"> ?? Välj mig på bästa sätt och gör mig blå ?? </h2>
	         <h3> Lorem ipsum </h3>
	   </div>
	</div>
	<h1> Lorem ipsum </h1>     
	<h2 class="C"> Lorem ipsum </h2> 
	<h2> Lorem ipsum </h2>
</body>
</html>

Du ska bara lägga till något mellan första style-tagarna.

Nyheter