I need CSS help

Cobaltasaurus
Thu, 23 Jul 2020 15:12:39 +0000

Ok, I’m not very good at explaining things, so let me share some screen shots to illustrate the problem I was trying to fix:

^ This is what the tables for the abilities look like. This is how I want ALL of my tables to look.

^ This is how a table I made using markdown syntax (using | pipes to make the tables) looks. If I fix it so that that table actually has a background color on the cell, it breaks the striping and puts them to just a single color. This is how my code currently looks:

.table > thead >tr > th {
    border-bottom: 2px solid #1f1f1f;
}

.table > tbody > tr > th {
    border-top: 1px solid #1f1f1f
}

.table-striped {
    background: #404040;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #353535;
}

.table>tbody>tr>td {
    border-top: 1px solid #292929;
}

th {
    background-color: #2b2b2b;
    color: #d8d8d8;
    font-size: 16px;
}

td {
    border-bottom: 1px solid #292929;