19 Psedoclasser

Gör så det som står mellan "??" blir sant.

Kod


<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8" />
<style>
		 
	</style>
	   <style>
	     .red {
		     background-color: red;
}
	     .box {
		     margin: 10px;
		     width: 50px;
		     height: 50px;
		     border-style: inherit;
		 } 
	</style>
</head>
<body>
<p> ?? E Gör så att när någon tar mousen över rubriken nedan så blir den grön ?? </p>
	<h1>Lorem ipsum dolor sit amet!</h1>
	<p> ?? E Gör så att när någon tar mousen över underrubriken nedan så får den storleken 28px ?? </p>
<h2>Lorem ipsum dolor sit amet!</h2>
<p> ?? C ⚠️ Gör så att när en länk nedan har besöks så ska den få fetstil. (OBS! Testa detta och förklara varför det inte går) ?? </p>
<p> ?? C ⚠️ Gör så att när en länk nedan inte har blivit besökt så ska den få kusivstil. (OBS! Testa detta och förklara varför det inte går) ?? </p>
<p>
Lorem ipsum <a href="https://htsit.se">HTSIT</a> <a href="https://nooohtsit.se">Not HTSIT</a><br />
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br />
<br />
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<br />
<br />
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />    
</p>
<p> ?? N gör så att fjärde boxen nedan blir blå. ?? </p>
<ol>
	<li><div class="box red"></div></li>
	<li><div class="box red"></div></li>
	<li><div class="box red"></div></li>
	<li><div class="box red"></div></li>
	<li><div class="box red"></div></li>
	<li><div class="box red"></div></li>
	<ol>
</body>
</html>
  

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