html - overlapping css of a table property with another -


i working on web page has table several columns follows enter image description here

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 { ... } 

demo

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

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -