/**************** table id=joonistus*******************/
#joonistus{
    width: 60%;
    border: 1px solid black;
    height: 200px;
    border-collapse: collapse; /*üks joon borderis*/
}
#joonistus td{
    border: 1px solid black;
    text-align: center;
}
/*Pseudostiilide kasutamine*/
#joonistus tr:nth-child(1) td:nth-child(1){ /*1. rida 1.lahter*/
    background-color: darkgrey;
}
#joonistus tr:nth-child(1) td:nth-child(2){
    background-color: brown;
}
#joonistus tr:nth-child(2) td:nth-child(1){ /*2. rida 1.lahter*/
    background-color: teal;
}
#joonistus tr:nth-child(2) td:nth-child(2){
    background-color: grey;
}
#joonistus tr:nth-child(2) td:nth-child(3){
    background-color: yellow;
}
#joonistus tr:nth-child(3) td:nth-child(1){
    background-color: yellow;
}
#joonistus tr:nth-child(3) td:nth-child(2){
    background-color: blue;
}
#joonistus tr:nth-child(3) td:nth-child(3){
    background-color: blueviolet;
}
#joonistus tr:nth-child(4) td:nth-child(1){
    background-color: red;
}
#joonistus tr:nth-child(5) td:nth-child(1){
    background-color: pink;
}
#joonistus tr:nth-child(5) td:nth-child(2){
    background-color: green;
}
#joonistus tr:nth-child(5) td:nth-child(3){
    background-color: orange;
}



/**************** table id=opetajatabel*******************/
#opetajatabel{
    width: 60%;
    border: 1px solid black;
    height: 200px;
    border-collapse: collapse; /*üks joon borderis*/
}
#opetajatabel td{
    border: 1px solid black;
    text-align: center;
}

#opetajatabel tr:nth-child(1) td:nth-child(1){ /*1. rida 1.lahter*/
    background-color: orange;
}
#opetajatabel tr:nth-child(1) td:nth-child(2){ /*1. rida 1.lahter*/
    background-color: white;
}
#opetajatabel tr:nth-child(1) td:nth-child(3){ /*1. rida 1.lahter*/
    background-color: orange;
}
#opetajatabel tr:nth-child(2) td:nth-child(2){ /*1. rida 1.lahter*/
    background-color: orange;
}
#opetajatabel tr:nth-child(2) td:nth-child(4){ /*1. rida 1.lahter*/
    background-color: orange;
}
#opetajatabel tr:nth-child(3) td:nth-child(2){ /*1. rida 1.lahter*/
    background-color: orange;
}
#opetajatabel tr:nth-child(4) td:nth-child(2){ /*1. rida 1.lahter*/
    background-color: orange;
}
#opetajatabel tr:nth-child(4) td:nth-child(4){ /*1. rida 1.lahter*/
    background-color: orange;
}
#opetajatabel tr:nth-child(5) td:nth-child(1){ /*1. rida 1.lahter*/
    background-color: orange;
}
#opetajatabel tr:nth-child(5) td:nth-child(3){ /*1. rida 1.lahter*/
    background-color: orange;
}