W jaki sposób reguła CSS zastępuje inną regułę CSS?
Tak właśnie robię:
#id-form td {
padding: 0 0 10px 0;
}
#particular-td {
border: 1px solid black;
text-align: center;
background-color: #DFDFDF;
height: 30px;
padding: 10px;
}
Mam stolik#id-form
, na którym ustawiłem wszystkotd
s miećpadding-bottom: 10px
.
Ale przy jednej specjalnej okazji chcę konkretnegotd
miećpadding: 10px
we wszystkich kierunkach, które ustawiłem w#particular-td
.
Oczywiście umieściłem styl CSS w sekwencji w zewnętrznym pliku.
Ale renderowany CSS ma tylkopadding-bottom
, ipadding: 10px
wydaje się być przesłonięty !?
Proszę wytłumacz:
Jak i dlaczego tak się dzieje?
Jak powinienem zorganizować te zasady, aby rozwiązać mój problem (inny niż stylizacja inline)?
EDYTUJ: Usunąłem'table'
przed#id-form
w tabeli. Nigdy z tego nie korzystałem, właśnie wspomniałem o tym tutaj, aby móc lepiej to wyjaśnić.