Html/css Table border lines/separate editing : i am working on a html/css project for my school but have run into a problem
on one of my pages i have 3 table's witch i want to edit with css separately
if tried to put class in all of the table's but it still only takes the commands of the second table am i suppose to put class in all of the TR's and TD's too?
here is my css code:

    body{
	
    background-color: lightgrey;

    .tabel1{
	
    border-color: purple;
	width: 400px;
	text-align: center;
	height: 100px;
    }



    .tabel2, tr, td{
	
    width: 350px;
    border-color: grey;
	border-style: solid;
	border-collapse: collapse;
    }
    .tabel3{
	
    border-radius: 25px;
    background: purple;
     padding-left: 2%;
	 padding-right: 2%;
	 padding-bottom: 4%;
	 padding-top: 4%;
    width: 400px;
	border-color: purple;
	box-shadow: 15px 6px 10px purple;
    }

 
