CODEWITHSUNDEEP
htmlcss
selva
selva

Reputation: 71

How to remove border for last column in css?

Here is my jsfiddle link: http://jsfiddle.net/93rvcobj/

I have created web page using <table>, i need to remove border-right for last column that is, remove the border-right for this table RV Roof Repair Boxes.

I tried like this

table.templateContainer>table:nth-child(3n){
        border:none;
    }

But it does not work, may i know, how to fix this?

Can anyone help me? thanks in advance.

Upvotes: 0

Views: 1639

Answers (3)

Tun Zarni Kyaw
Tun Zarni Kyaw

Reputation: 2119

change like this 

table.templateContainer tr td:last-child table{
    border: none;
}

Upvotes: 1

Bluety
Bluety

Reputation: 1909

You can remove border like so:

.columnsContainer:last-child > table {
    border-right: 0;
}

You target the last column with :last-child and remove border in directly table child.

Upvotes: 1

Kawinesh S K
Kawinesh S K

Reputation: 3220

CSS

.columnsContainer:last-of-type .templateColumn{
    border-right:0px;
}

DEMO

Upvotes: 2

Related Questions