short this css code

  • Resolved Aarush

    (@biospedia)


    3 years, 8 months ago

    i am using three table

    all css codes are :

    .tablepress-id-1 thead th,
    .tablepress-id-1 tbody td {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    }

    .tablepress-id-2 thead th,
    .tablepress-id-2 tbody td {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    }

    .tablepress-id-3 thead th,
    .tablepress-id-3 tbody td {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    }`

    how to combine all this CSS code in one CSS code? Like :
    `.tablepress-id-1,2,3 thead th,
    .tablepress-id-1,2,3 tbody td {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    }

Viewing 1 replies (of 1 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    As a shorter version of this code, you can use

    .tablepress-id-1 thead th,
.tablepress-id-1 tbody td,
.tablepress-id-2 thead th,
.tablepress-id-2 tbody td,
.tablepress-id-3 thead th,
.tablepress-id-3 tbody td {
  border: 1px solid #000000;
}

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘short this css code’ is closed to new replies.