CODEWITHSUNDEEP
css
Dan
Dan

Reputation: 3268

Applying border-spacing to tbody elements only

I've applied:

border-collapse: separate;
border-spacing: 0em 2em;

to my table. This provides spacing between each of the data rows, which is what I want, but it also adds spacing between the header row and the first data row. How can I remove this spacing between the header row and the data rows?

Here's an example: https://jsbin.com/niwitaciti/edit?html,css,output

Upvotes: 1

Views: 965

Answers (1)

Mostafa Fateen
Mostafa Fateen

Reputation: 847

using the :first-child you can add sth like that

tr:first-child {
  border-spacing: 0;
}

Upvotes: 0

Related Questions