How to select CSS attribute selector? [duplicate]

Question

We can use attribute selector like that td[colspan]. But I need to use selecting "not colspan". Can you help me?

I tried td[not:colspan] but it is not working. I tried in FrameworkJS but it is not working.

How to select CSS attribute selector?

There is no direct :not selector in CSS for attributes such as colspan. However, you can use the :not() pseudo-class in conjunction with an attribute selector to achieve the effect you want. — Reza Roshan
– Reza Roshan, Commented Aug 22, 2024 at 12:53

Heretic Monkey · Accepted Answer · 2024-08-22 13:26:05Z

1

You can use td:not([colspan]) selector in your code.

edited Aug 22, 2024 at 13:26

Heretic Monkey

12.2k7 gold badges62 silver badges133 bronze badges

answered Aug 22, 2024 at 12:46

Reza Roshan

4665 silver badges10 bronze badges

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

1 Comment

Heretic Monkey Over a year ago

@AyhanYüce No need for comments that say "thank you"; instead, follow the guidance in the help center on what to do when someone answers your question

Paulie_D · Accepted Answer · 2024-08-22 12:47:09Z

1

You were almost there.

td:not([colspan])

td {
  border: 1px solid red;
}

td:not([colspan]) {
  background: lightblue;
}

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
  <tr>
    <td colspan="2">Sum: $180</td>
  </tr>
</table>

answered Aug 22, 2024 at 12:47

Paulie_D

116k13 gold badges168 silver badges185 bronze badges

Collectives™ on Stack Overflow

How to select CSS attribute selector? [duplicate]

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related