css for a specific table header

Question

I have a table implemented using a third party library. There i have something like the below code when inspecting the elements.

<th class="" colspan="3">
   <span class="ant-table-header-column">
      <div>
          <span class="ant-table-column-title">
             GENERAL
          </span>
          <span class="ant-table-column-sorter"></span>
      </div>
   </span>
 </th>



<th class="" colspan="2">
       <span class="ant-table-header-column">
          <div>
              <span class="ant-table-column-title">
                 INFORMATION
              </span>
              <span class="ant-table-column-sorter"></span>
          </div>
       </span>
     </th>

I want to write a css class for th where colspan="3" . The colspan="3" part is the only difference between the code blocks. How do i write a custom class to override the css properties from the library?

Billy Brown · Accepted Answer · 2020-11-05 09:18:28Z

4

Use an attribute selector:

th[colspan="3"] {
   ...
}

answered Nov 5, 2020 at 9:18

Billy Brown

2,36223 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

css for a specific table header

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related