CSS :Not attribute [duplicate]

Question

I have a few HTML tables. These tables do not have CSS classes. The two tables have width="100%" attribute. Other tables don't have the width attribute.

Using only CSS I need to set the width of the tables which don't have width=100%. Something like this:

table:not(width="100%"){
    width: myValue;
}

No. Tables that have no Width attribute should have width=50%. I can't edit xml that's why I should do in with css only. — Sanya530
– Sanya530, Commented Jan 15, 2013 at 14:31

BoltClock · Accepted Answer · 2013-01-15 14:30:23Z

123

Attribute selectors are surrounded by [], so your selector should look like this instead:

table:not([width="100%"]) {
    width: myValue;
}

answered Jan 15, 2013 at 14:30

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

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

Comments

zzzzzzzzz · Accepted Answer · 2013-01-15 14:30:40Z

3

use a class on that table and put that in the not

table:not(.foo) {

}

you need a selector in the not and width = 100% is not one

answered Jan 15, 2013 at 14:30

zzzzzzzzz

576 bronze badges

Comments

Brian Salta · Accepted Answer · 2013-01-15 14:31:16Z

-2

How about using inline styles for the tables you want to have different widths?

<table style="width:95%">
    <tr>
        <td></td>
    </tr>
</table>

OR a separate class:

<table class="customWidth">
    <tr>
        <td></td>
    </tr>
</table>

CSS:

table { width:100%; }
table.customWidth { width:95%; }

answered Jan 15, 2013 at 14:31

Brian Salta

1,5741 gold badge10 silver badges19 bronze badges

Comments

Zlatko Soleniq · Accepted Answer · 2013-01-15 14:30:45Z

-4

just write in the css folder table { width: 100% };

answered Jan 15, 2013 at 14:30

Zlatko Soleniq

3882 gold badges4 silver badges14 bronze badges

Collectives™ on Stack Overflow

CSS :Not attribute [duplicate]

4 Answers 4

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Linked

Related