Question

I have two different style definitions for tables:

table {
border: solid 1px #E8EEF4;
border-collapse: collapse;
}

Because my specific table is inside a <div class="checkboxquestion> i have a special style definition for tables inside this class:

.checkboxquestion table
{
    border: none;
    text-align: center;
}

The problem is, that border: none; is overriden by border-collapse: collapse; – and every other styling option is overriden by the “default” definition.

How do i solve this?

Answer 1

I think you made another mistake, it works for me the way you did it: Have a look at this fiddle

Perhaps you didn’t close the quotation marks for the div’s class as you did in the question?