2011-12-19 24 views
5

Tôi đã tạo một css toàn cục mà tôi đã sử dụng trong hai trang (trang tìm kiếm cơ bản và trang tìm kiếm nâng cao). Tôi sử dụng nó trong trang tìm kiếm trước, và kịch bản css đang chạy tốt. Nhưng khi tôi chuyển sang trang tìm kiếm cơ bản (bằng cách nhấp vào liên kết), css không hoạt động. Tôi đã sử dụng firebug để xem điều gì xảy ra, và sau đó tôi thấy rằng kịch bản lệnh css là tấn công. css strike-through Tôi có thể giải quyết nó bằng cách nào?Firebug CSS strike-through

Trả lời

9

Điều đó về cơ bản có nghĩa là thuộc tính CSS của bạn đang bị CSS khác ghi đè.

Xem nơi thuộc tính đó được xác định và có thể bạn sẽ cần phải sửa thứ tự bao gồm CSS trên trang web của mình.

+0

bạn có nghĩa là 'input.range' được sử dụng bởi một CSS khác,.? – Praditha

+2

Có thể hoặc một bộ chọn khác khớp với cùng một đầu vào đó, như lớp hoặc ID. Thuộc tính bạn đã xác định là "chiều rộng", nếu bạn nhìn vào cửa sổ firebug của mình, có thuộc tính "chiều rộng" được xác định ngay phía trên nó, với 180px. Bạn sẽ có thể tìm ra nơi nó đến từ đâu. – pcalcao

+0

cảm ơn vì manh mối của bạn, giờ nó hoạt động tốt, tôi đã vô hiệu hóa quy tắc vượt quá quy tắc 'input.range'. Cảm ơn :) – Praditha

10

Nếu bạn muốn ghi đè css từ đây có nghĩa là, tất cả những gì bạn phải làm là đặt !important thành css của bạn.

như input.range{ width:73px !important}

Hy vọng nó sẽ giúp bạn.

+0

Tôi không hiểu, tôi đã làm theo hướng dẫn của bạn, tôi thay đổi quy tắc của mình thành 'input.range { \t chiều rộng: 73px quan trọng! } 'nhưng nó vẫn không hoạt động: ( – Praditha

+3

Đó là'! Quan trọng' không phải là quan trọng! ' –

+0

Ah! Có. Tôi xin lỗi nó là quan trọng .. Cảm ơn Peter O. – Jak

0

Quy tắc width: 73px; bị ghi đè. Như bạn thấy, input.range được định nghĩa trong cramp.css. Ở trên, bạn nên tìm một quy tắc ghi đè nó.

Các vấn đề liên quan