table#sinine{
    border: 1px solid blue;
    width: 30%;
    height: 200px;
    border-collapse: collapse;
}
table#sinine td{
    border: 1px solid blue;
    text-align: center;
}

table#punane{
    border: 1px solid red;
    width: 30%;
    height: 200px;
    border-collapse: collapse;
}
table#punane td{
    border: 1px solid red;
    text-align: center;
}

table#roheline{
    border: 1px solid green;
    width: 20%;
    height: 100px;
    border-collapse: collapse;
}
table#roheline td{
    border: 1px solid green;
    text-align: center;
}

/*pseudoelementide kasutamine*/

/* 1 rida ja 1 lahter*/
#sinine tr:nth-child(1) td:nth-child(1){
    background-color: red;
}

/* 1 rida ja 2 lahter*/
#sinine tr:nth-child(1) td:nth-child(2){
    background-color: yellow;
}

/* 2 rida*/
#sinine tr:nth-child(2){
    background-color: grey;
}

/* Hard table */
#pink {
    border: 1px solid black;
}

#pink tr:nth-child(1) td:nth-child(1) {
    background-color: green;
}

#pink tr:nth-child(1) td:nth-child(2) {
    background-color: yellow;
}

#pink tr:nth-child(2) td:nth-child(1) {
    background-color: red;
}

#pink tr:nth-child(2) td:nth-child(2) {
    background-color: red;
}

#pink tr:nth-child(3) td:nth-child(1) {
    background-color: blue;
}

#pink tr:nth-child(3) td:nth-child(2) {
    background-color: blue;
}

#pink tr:nth-child(3) td:nth-child(3) {
    background-color: lightgreen;
}

#pink tr:nth-child(4) td:nth-child(1) {
    background-color: purple;
}

#pink tr:nth-child(4) td:nth-child(2) {
    background-color: purple;
}


#iseseisev {
    border: 1px solid green;
    text-align: center;
    height: 100px;
    border-collapse: collapse;
    top: auto;
    left: auto;
}
#iseseisev tr:nth-child(1) td:nth-child(1){
    background-color: pink;
}
#iseseisev tr:nth-child(1) td:nth-child(2){
    background-color: deeppink;
}
#iseseisev tr:nth-child(2) td:nth-child(1){
    background-color: yellowgreen;
}
#iseseisev tr:nth-child(4) td:nth-child(2){
    background-color: blueviolet;
}
#iseseisev tr:nth-child(5) td:nth-child(1){
    background-color: red;
}
#iseseisev tr:nth-child(5) td:nth-child(2){
    background-color: orange;
}
#iseseisev tr:nth-child(4) td:nth-child(3){
    background-color: fuchsia;
}
#iseseisev tr:nth-child(3) td:nth-child(1){
    background-color: grey;
}
#iseseisev tr:nth-child(3) td:nth-child(2){
    background-color: lightgray;
}
#iseseisev tr:nth-child(3) td:nth-child(3){
    background-color: navajowhite;
}
#iseseisev tr:nth-child(4) td:nth-child(1){
    background-color: lightgreen;
}