[css] Dziedziczenie - proste pytanie

Witam. Zrobiłem w css klasę:

table.dotted_underline {
    border-style: dotted;
    border-width: 1px;
    border-color: #000000;
    width: 100%;
    font-size : 20px;
    border-top :none;
    border-left : none;
    border-right : none;       
}

W jaki najprostszy sposób mogę zrobić z niej taką samą klasę o wielkości czcionki 12px ?

table.dotted_underline, table.dotted_underline_small {
    border-style: dotted;
    border-width: 1px;
    border-color: #000000;
    width: 100%;
    font-size : 20px;
    border-top :none;
    border-left : none;
    border-right : none;       
}

table.dotted_underline_small {
    font-size : 12px;
}

chociaż poprawniej by było:

table.dotted_underline, table.dotted_underline_small {
    border-style: dotted;
    border-width: 1px;
    border-color: #000000;
    width: 100%;
    border-top :none;
    border-left : none;
    border-right : none;       
}

table.dotted_underline {
    font-size : 20px;
}

table.dotted_underline_small {
    font-size : 12px;
}

do rozmiaru czcionki chyba lepiej używać wartości pt niż px