CSS :Not attribute

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, Jan 15 '13 at 14:31

score 106 · Accepted Answer · answered Jan 15 '13 at 14:30

106

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

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

answered Jan 15 '13 at 14:30

BoltClock

665,005
155
1,345
1,328

score 2 · Answer 2 · answered Jan 15 '13 at 14:30

2

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 '13 at 14:30

zzzzzzzzz

47
6

score -1 · Answer 3 · answered Jan 15 '13 at 14:31

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%; }

score -3 · Answer 4 · answered Jan 15 '13 at 14:30

-3

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

answered Jan 15 '13 at 14:30

Zlatko Soleniq

340
2
4
13

CSS :Not attribute

4 Answers4

Linked