How does a CSS rule override another CSS rule?

Question

So, this is what I\'m doing:

#id-form td {
padding: 0 0 10px 0;
}

#particular-td {
border: 1px solid black;
text-align: center;
background-color: #DFDFDF;
h         


        

Answer 1

Try this code, I have added !important to your css, in this mode can ovveride padding of table#id-form td

#particular-td {
border: 1px solid black;
text-align: center;
background-color: #DFDFDF;
height: 30px;
padding: 10px !important;
}