Có lý do chính đáng nào để hai tệp CSS gửi @import lẫn nhau không?

Tôi đang làm việc trên một số phiên bản phong cách quan trọng cho trang web WordPress của khách hàng được thiết kế bởi một nhóm khác.

CSS dường như là một mớ hỗn độn. Một trong những đặc điểm riêng mà tôi đã tìm thấy là biểu định kiểu chính của chủ đề style.css, @ nhập các biểu định kiểu khác từ thư mục con : css/default.css. Trong khi đó, default.css@imports biểu định kiểu chính ở đầu tệp cũng vậy.

Tôi đã xóa các chỉ thị @import và thêm nội dung của default.cssđến style.css, nhưng điều đó phá vỡ bố cục bất kể tôi đặt các default.csskiểu ở trên cùng hoặc dưới cùng của style.csstệp. Vòng lặp @import thực hiện một số thứ cho tầng mà bằng cách nào đó làm cho bố cục "hoạt động".

Tôi chưa bao giờ thấy bất cứ điều gì như thế này trước đây. Rõ ràng là tôi nên gỡ rối các bảng định kiểu và sắp xếp các bộ chọn theo thứ tự tăng dần độ đặc hiệu. Nhưng có bất kỳ lý do hợp lý nào cho việc cố tình tạo hai tệp CSS mà @import lẫn nhau không? Có vẻ như các loại hạt, nhưng có thể có một lý do nguyên tắc đằng sau này?

Tôi chuyên phát triển front-end chứ không phải phát triển WordPress. Tôi lưu ý rằng WordPress phân tích biểu định kiểu chủ đề chính cho thông tin chủ đề. @Import có đệ quy một cái gì đó hữu ích cho WordPress theo bất kỳ cách nào không?

@import là một mớ hỗn độn lớn về thời gian tải trang. Sau khi bạn hoàn thành công việc CSS, khách hàng của bạn sẽ đưa ra ý tưởng tối ưu hóa thời gian tải và cuối cùng, câu hỏi về việc loại bỏ @import sẽ xuất hiện trở lại.

Đầu tiên tôi sẽ cố gắng thay thế @import bằng <link>. Sau đó thử với các công cụ dev để xác định, lớp nào đang xung đột. Sau đó, cố gắng di chuyển các quy tắc CSS từ tệp CSS đã nhập với bổ sung! Quan trọng.

Điều này có thể xảy ra, có một số vấn đề với đường dẫn (tương đối) của tệp trong tệp CSS đã nhập ...?

Đôi khi, nó giúp tải trong trình duyệt trang web bằng CSS @imported, do đó, có vẻ như khách hàng mong đợi, sau đó sao chép toàn bộ CSS với sự trợ giúp của các công cụ dev, lưu nó vào một tệp CSS và thay thế tất cả các tệp CSS bằng tệp mới được tạo này một.

Ý tưởng toàn cầu mà tôi sẽ cố gắng thực hiện, là chuyển tất cả các quy tắc CSS vào cùng một tệp, làm cho nó hoạt động, sau đó di chuyển các quy tắc CSS cho khu vực trong màn hình đầu tiên sang đầu tệp HTML.