2012-11-12 48 views
6

Có cách nào để vô hiệu quy tắc CSS không?Tắt quy tắc CSS

Tôi hỏi vì tôi đang sử dụng Kendo UI, và các quy tắc của họ đang rất bao gồm tất cả, ví dụ:

.k-grid td 
{ 
    // styles 
} 

Tuy nhiên nếu tôi đặt bàn của tôi bên trong bảng của họ sẽ được theo kiểu lên tương tự, vì vậy ảnh hưởng của nó quá nhiều và cần phải được loại bỏ/thay thế. Tôi không muốn phải tự ghi đè lên các quy tắc và giữ cho đến ngày với bất kỳ thay đổi của kendo. Tôi không muốn phải tự xóa nó mỗi lần tôi cập nhật tập tin kendo.

Bất kỳ cơ hội sửa chữa dễ dàng nào? Cảm ơn

Trả lời

7

Thật không may là không có cách nào tốt hơn để vô hiệu hóa quy tắc CSS cho phần tử được so khớp bởi quy tắc đó ngoại trừ việc ghi đè mọi thứ quy tắc xác định.

+3

Đồng ý, đó là 'thác' trong hành động, thật đáng buồn không sửa chữa dễ dàng. –

+0

Có rất buồn. Cảm ơn mặc dù. Tôi sẽ phải tìm ra cách tiếp cận thay thế. – Tim

0

Bạn sẽ phải ghi đè lên những phong cách thuộc tính trong một css riêng biệt với !important

.k-grid td 
{ 
    // UI styles 
    color:#000; 
} 

/* your style */ 
.k-grid td 
{ 
    // styles 
    color:#fff !important; 
} 
+6

Trên thực tế '! Quan trọng' là không cần thiết nếu độ đặc hiệu của bộ chọn thứ hai bằng hoặc cao hơn và quy tắc xuất hiện sau bản gốc. – ThiefMaster