css stylizowanie tylko jednej tableli

Question

Hej, dodałem do swojej strony drugą tabelę, lecz wcześniej w css miałem określony styl dla elementów tr, td i table:

tr td {
  border-bottom: 1px solid #828282;

}
table
{
  border-collapse: collapse;
}
td {
  width: 150px;
  height: 25px;
  text-align: center;
}

Problem w tym, że nie chcę, żeby ta druga tabela, też tak wyglądała. Próbowałem kombinować z różnymi id obu tabel, ale coś to nie wychodzi. Jak to rozwiązać>

Answer 1

Nadałbym tabelom klasy. Wówczas selektory różniłyby się nią, np. .my-table czy .my-table td.

Comments

O, udało się. Dzięki. Wydawało mi się, że robiłem to identycznie, lecz wtedy nie szło. Może była jakaś literówka.

---

A jednak znowu coś nie idzie. Do tagów <table> pododawałem klasy kalendarz i usun, i gdy stylizuje je osobno to i tak obie tabele wyglądają jakby były klasy kalendarz.

table {
  border-collapse: collapse;
}
.kalendarz tr, td
{
    width: 39px;
    border: 1px solid black;
    padding: 7px;
}
.usun tr:hover {background-color: #f5f5f5;}
.usun tr td {
  border-bottom: 1px solid #828282;
}
.usun td {
  width: 150px;
  height: 25px;
  text-align: center;
}

Już kompletnie nie rozumiem, czemu to nie działa :(

---

.kalendarz tr, td {
}

jest róównoważne do

.kalendarz tr {
}

td {
}

 

---

Aaaaa. I wszystko jasne. Dzięki, myślałem, że ja wymieniam elementy należące do klasy kalendarz. Widać jeszcze muszę się trochę w tym css-ie podszkolić