POKOLOROWANIE OSTATNIEGO DIVA NA SZARO??? JAK ZROBIĆ

<!DOCTYPE html>
<html>
<head>
<title> Przykładowe kolokwium </title>
<style>
div:nth-last-of-type(2){
float:left;
background:#dadada;
width:70%;
}
div>div:nth-child(1) {
float:right;
}

li{
content:'\A';
white-space:pre;
}
ul{
background-color:white;
border:solid green 2px;
position:absolute;
margin-top:320px;
padding-right:500px;
}
body>div:nth-last-child(1){
background-color:gray;
}
p{
letter-spacing:2mm;
}
input{
width:500px;
float:left;
}
ul>li:nth-child(even){
font-style:italic;
}
ul>li:nth-child(odd){
list-style-type:circle;
padding-left:4px;
margin-left:2px;
}
div>form{
width:100px;
}
body>div:nth-of-type(2){
background-color:green;
margin:10px;
}
</style>
</head>
<body>
<div>
    <div>
        tekst tekst teskt tekst tekst teskt tekst tekst teskt tekst tekst teskt tekst tekst teskt
        tekst tekst teskt tekst tekst teskt tekst tekst teskt tekst tekst teskt tekst tekst teskt
        tekst tekst teskt tekst tekst teskt tekst tekst teskt tekst tekst teskt tekst tekst teskt
        tekst tekst teskt tekst tekst teskt tekst tekst teskt tekst tekst teskt tekst tekst teskt
        tekst tekst teskt tekst tekst teskt tekst tekst teskt tekst tekst teskt tekst tekst teskt
        tekst tekst teskt tekst tekst teskt tekst tekst teskt tekst tekst teskt tekst tekst

        </div>
    <form>
        <input type="text" name="name1"/>
        <input type="text" name="name2"/>
        <input type="text" name="name3"/>
        <button> zazpisz </button>
    </form>
    <p>
        Paragraf I
    </p>
    <div>
        "Div I"
    </div>
    <p>
        Paragraf II
    </p>
</div>

<div>
    <ul>
        <li> element 1 </li>
        <li> element 2 </li>
        <li> element 3 </li>
        <li> element 4 </li>
        <li> element 5 </li>
        <li> element 6 </li>
        <li> element 7 </li>
        <li> element 8 </li>
    </ul>
</div>
</body>
</html>