Giải quyết một cách có hệ thống các kiểu xung đột trong css

Question

Tôi có một số bảng định kiểu từ các nguồn khác nhau trong dự án web của mình. Tôi muốn hài hòa chúng. Một số kiểu tôi cần từ cái này, một số kiểu khác. Có một công cụ hoặc phương pháp nào để giải quyết các xung đột về phong cách một cách có hệ thống không? Tôi đã thử công cụ phát triển IE8, và có, có thể xem xung đột ở cấp độ của từng phần tử. Nhưng tôi có nhiều elemens, vì vậy nếu tôi làm điều đó yếu tố theo yếu tố tôi nghĩ rằng điều này mất quá nhiều thời gian. Về mặt lý thuyết có thể có một công cụ cho thấy xung đột của hai tệp css tại thời điểm thiết kế?!? Tôi nghĩ rằng điều này sẽ giúp tôi tiết kiệm rất nhiều thời gian.

Answer 1

Bạn đã thử tiện ích mở rộng Firefox này chưa? https://addons.mozilla.org/en-US/firefox/addon/5392 Nó giúp loại bỏ phong cách thừa dễ dàng hơn nhiều.

Nếu không, tôi có thể bật tất cả các kiểu vào một tệp, cố gắng nhóm các quy tắc tương tự lại với nhau và sau đó sử dụng Dust-Me để xóa những phần không sử dụng.

Answer 2

CSS không có xung đột, CSS có nhiều thác. Ý tưởng là bạn CÓ THỂ xác định nhiều quy tắc áp dụng cho cùng các yếu tố và thứ tự mà bạn đặt kiểu phản ánh tầm quan trọng - tức là nếu nó xuất hiện cuối cùng, nó sẽ ghi đè các quy tắc trước đó.

Bạn có nên ...

1) Quyết định style sheet là quan trọng nhất và đặt nó thứ hai

HOẶC

2) Viết lại phong cách của bạn để tránh sự lộn xộn

HOẶC

3) Đánh dấu các quy tắc quan trọng là! QUAN TRỌNG

Answer 3

Nếu bạn xem trang web trong FireFox và sử dụng phần mở rộng Firebug, bạn có thể xem từng phần tử trong trang được hiển thị và bằng cách sử dụng tab "CSS" trong firefox, bạn có thể thấy các quy tắc kiểu đang được áp dụng cho phần tử đó và từ tệp nguồn CSS nào đến. Nó cũng sẽ cho bạn thấy những quy tắc nào đang bị ghi đè.

Điều này rất hữu ích trong việc xác định vị trí của từng quy tắc cụ thể đến từ đâu và những gì đang bị ghi đè.

Bạn vẫn có nhiệm vụ "hợp lý hoá" các tờ kiểu của mình và có thể có các công cụ khác có thể trợ giúp trong đó.