css selector for elements without a class

Question

<th style="position: relative; top: 0px;">
    <div style="width: 48.003906px;" data-lngst="nullpx" data-ndx="2">123</div></th>
<th id="" class="abc_naem" nowrap="" style="position: relative; top: 0px;">
    <div style="width: 44.003906px;" data-lngst="nullpx" data-ndx="4">...</div>
<th style="position: relative; top: 0px;">
    <div style="width: 48.003906px;" data-lngst="nullpx" data-ndx="5">123</div></th>
<th id="" class="abc_phase" nowrap="" style="position: relative; top: 0px;">
    <div style="width: 44.003906px;" data-lngst="nullpx" data-ndx="3">...</div>

how do I select all 'th' element using css selectors that do not have a classname? All the 'th' elements have exactly the same attributes except classname and I need the ones without it. I tried th[classname=''] and that does not do the trick. I tried all the css selection options like 'no-child' etc, still it always returns all th elements

j08691 · Accepted Answer · 2020-02-28 02:22:19Z

3

Assuming your HTML is properly formed, you can use :not() with the attribute selector []. Ex th:not([class])

Example:

th:not([class]) {
  color: red;
}

<table>
  <tr>
    <th style="position: relative; top: 0px;">
      <div style="width: 48.003906px;" data-lngst="nullpx" data-ndx="2">123</div>
    </th>
    <th id="" class="abc_naem" nowrap="" style="position: relative; top: 0px;">
      <div style="width: 44.003906px;" data-lngst="nullpx" data-ndx="4">123</div>
      <th style="position: relative; top: 0px;">
        <div style="width: 48.003906px;" data-lngst="nullpx" data-ndx="5">123</div>
      </th>
      <th id="" class="abc_phase" nowrap="" style="position: relative; top: 0px;">
        <div style="width: 44.003906px;" data-lngst="nullpx" data-ndx="3">123</div>
      </th>
  </tr>
</table>

answered Feb 28, 2020 at 2:22

j08691

208k33 gold badges269 silver badges281 bronze badges

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

1 Comment

NewUser123 Over a year ago

Thanks so ,much!!! I was tryingth:not(class) and with your example, i realized, it has to be th:not([class])

Collectives™ on Stack Overflow

css selector for elements without a class

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related