Witam,

mam mały problem ( aniestet jestem noga jesli chodzi o css) na stronach chciałabym użyć dwóch stylów tabel w pliku css:

[HTML] pobierz, plaintext 
table {
border-top-right-radius: 10px;
font-size: 10pt;
font-family: Verdana, Arial;
border-width: 1px;
border-color: black;
border-style: solid;
table-layout: fixed;
border-collapse: collapse;
}
 
 
 
table {
font-size: 10pt;
font-family: Verdana, Arial;
border-width: 0px;
border-color: red;
border-style: solid;
table-layout: fixed;
border-collapse: collapse;
}
[HTML] pobierz, plaintext 

w tym momencie oba style się kłucą. Jak zrobić ażeby się nie kłuciły i jak to zaznaczyć w plikach html?

[HTML] pobierz, plaintext 
#tabela1 {
 width: 100px; 
 border: 1px solid black;
}
 
#tabela2 {
 width: 300px;
 border: 1px solid black;
}
 
<table id="tabela1">
<tr>
 <td> he </td>
</tr>
</table>
 
<table id="tabela2">
<tr>
 <td> he </td>
</tr>
</table>
[HTML] pobierz, plaintext 

Dla każdego elementu przypisujesz jego unikatowe ID w tym wypadku tabela1 i tabela2

dzieki