2013-01-15 44 views
20

Tôi có một vài bảng HTML. Các bảng này không có các lớp CSS. Hai bảng có thuộc tính width="100%". Các bảng khác không có thuộc tính width.CSS: Không thuộc tính

Chỉ sử dụng CSS Tôi cần đặt chiều rộng của các bảng không có width=100%. Một cái gì đó như thế này:

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

Bạn có muốn tất cả các bảng có chiều rộng 100%? – Lowkase

+0

Không. Bảng không có thuộc tính Độ rộng phải có chiều rộng = 50%. Tôi không thể chỉnh sửa xml đó là lý do tại sao tôi nên làm với chỉ với css. – Sanya530

+0

Lưu ý rằng bộ chọn ': không' css không hoạt động trong IE8 trở xuống. – antejan

Trả lời

58

selectors Thuộc tính được bao quanh bởi [], vì vậy chọn của bạn sẽ trông như thế thay vì điều này:

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

+1 bạn đã nhanh hơn. – Engineer

0

sử dụng một lớp trên bàn đó và đưa rằng trong tương lai không

table:not(.foo) { 

} 

bạn cần một bộ chọn trong không và chiều rộng = 100% không phải là một

-1

chỉ cần viết trong thư mục css table { width: 100% };

0

Cách sử dụng kiểu nội tuyến cho các bảng bạn muốn có độ rộng khác nhau?

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

HOẶC một lớp riêng biệt:

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

CSS:

table { width:100%; } 
table.customWidth { width:95%; } 
Các vấn đề liên quan