CODEWITHSUNDEEP
htmlcssoverriding
DanielAttard
DanielAttard

Reputation: 3615

Override CSS table formatting

I use the following CSS to apply a top border to the last-child row of various tables:

.mytabs tr:last-child {
border-top:1px solid #000;
font-weight:bold;}

Now what I need to do is to override this style for one particular table. How can I override this style in one specific instance? Thanks.

Upvotes: 0

Views: 2756

Answers (2)

Kalpesh Patel
Kalpesh Patel

Reputation: 2822

Give a class specific table or to the last row of specific table and apply style

table.<specific_table> tr:last-child {
...your style
}

or 

.mytabs tr.<specific_row> {
..your style}

Upvotes: 1

First Zero
First Zero

Reputation: 22376

You can wrap it a custom div id name example <div id="customFormat"></div> or give the table an id <table id="customFormat"></table>

In CSS, you can specify the custom styling just for that 1 table.

#customFormat { 
border-bottom: 1px solid rgba(69,54,37,0.2);
}

Upvotes: 3

Related Questions