In: Computer Science
Please, i need Unique answer, Use your own words (don't copy and paste).
*Please, don't use handwriting.
| 
 <ol>  | 
| 
 <li id="Y"><a href ="home.php">HOME </a> </li>  | 
| 
 <li ><a id ="Z" href ="login.php">LOGIN </a> </li>  | 
| 
 <li><a href ="register.php">REGISTER </a> </li>  | 
| 
 </ol>  | 
| 
 <p>This is First paragraph </p>  | 
| 
 <p>This is Second paragraph with a <a href="link1.html">link 1</a> </p>  | 
| 
 <br />  | 
| 
 <a href="link2.html">link 2</a>  | 
| 
 <p class="X"> This is Third Paragraph</p>  | 
| 
 <p class="X"> This is Fourth Paragraph</p>  | 
Write the CSS rules needed to:
<!DOCTYPE html>
<html>
<head>
<style>
#Z { color: yellow; }
.X { color: red; }
.T { color: blue }
#G { color: green}
</style>
</head>
<body>
<ol>
<li ><a class="T" href ="home.php">HOME </a> </li>
<li ><a id ="Z" href ="login.php">LOGIN </a> </li>
<li ><a class="T" href ="register.php">REGISTER </a> </li>
</ol>
<p class="T">This is First paragraph </p>
<p class="T">This is Second paragraph with a
<a id ="G" href="link1.html">link 1</a>
</p>
<br />
<a href="link2.html">link 2</a>
<p class="X"> This is Third Paragraph</p>
<p class="X"> This is Fourth Paragraph</p>
</body>
</html>

Please let me know if you have any doubt or modify the answer, Thanks :)