html - overlapping css of a table property with another -
i working on web page has table several columns follows
in above picture each td has blue border trying increase thickness left border of ask1 using following markup , css
html
<td class="clientoffer1">ask1</td>
css
clientoffer1 { border-left: 3px solid #0088cc; }
but above css replaced original css of td used remaining columns follows
td { padding: 1px; line-height: 10px; text-align: center; /*background-color:#3c78b5;*/ vertical-align: auto; border: 1px solid #0088cc; width: 120px; }
how use both css without conflicting 1 another?
classes selected leading period in css:
.clientoffer1 { ... }
td { padding: 1px; line-height: 10px; text-align: center; /*background-color:#3c78b5;*/ vertical-align: auto; border: 1px solid #0088cc; width: 120px; } .clientoffer1 { border-left: 3px solid #0088cc; }
if still having troubles, because level of specificity taking hold. try following:
.client { border-left: 3px solid #0088cc !important; }
here's reading material:
Comments
Post a Comment