Borders in table

You will have to make the CSS for the prediction table more specific. Check which class the table has, or one of the containing elements and use that in your CSS. Something like:

.comment-content table.classname thead th {
border: none;
}

And leave your other CSS that puts the border on the other tables where it is.

I tryit adding all of there following classnames to my CSS, but none of them seems to work, my borders are still there, no matter what I put in the bottom of my CSS:

.comment-content table.matchinfo input thead th {
border: none;
}

.comment-content “table.matchinfo input” thead th {
border: none;
}

.comment-content table.”matchinfo input” thead th {
border: none;
}

.comment-content table.matchinfo input thead th {
border: none;
}

.comment-content “table.matchinfo input” tr th {
border: none;
}

.comment-content table.matchinfo input tr th {
border: none;
}

Can you please see what I am doing wrong? the link to my table is here: link

This is the entire css for my tables:

}
.entry-content table,
.comment-content table {
border: 1px solid #d9d9d9;

margin: 0 -0.083em 2.083em 0;
text-align: left;
width: 100%;
}
.entry-content tr th,
.entry-content thead th,
.comment-content tr th,
.comment-content thead th {
border-left: 1px solid #d9d9d9;
font-weight: bold;
padding: 0.5em 1.25em;

}
.entry-content tr td,
.comment-content tr td {
border: 1px solid #d9d9d9;
border-width: 1px 0 0 1px;
padding: 0.5em 1.25em;

If an element has two classes you should combine them with a dot.

.comment-content table.matchinfo.input thead th {
border: none;
}