DRY = "Không tự lặp lại".Trực tuyến CSS DRYer (dedupe)
Tôi có khung cơ bản css mà tôi sử dụng để xây dựng các thiết kế phức tạp hơn. Phương pháp tạo mẫu nhanh nhất chỉ là bắt đầu ở cuối và xây dựng css để có được kết quả mong muốn (thay vì chỉnh sửa các thuộc tính css hiện có từ css cơ bản).
Tuy nhiên, sau khi hoàn thành, có rất nhiều sự lặp lại của tên và thuộc tính.
Tôi đang tìm một công cụ trực tuyến (hoặc ngoại tuyến) sẽ quét tệp css của tôi và làm lại thông minh trong một biểu mẫu để loại bỏ sự thừa và sao chép.
Ví dụ, nếu hai dòng sau tồn tại trong một file CSS:
//FROM THE BASE CSS
.header{
font-weight:bold;
font-size:1.5em;
background:red;
margin:0 auto;
padding:20px
}
//FROM THE ADDED CSS
.header{
font-weight:normal;
font-size:1.25em;
background:blue;
padding-bottom:0;
margin-top:-20px
}
Các kết quả mong muốn (cho mục thấp hơn trong cascade là ưu tiên so với cũ) sẽ được loại bỏ trường hợp đầu tiên của .header chỉ thị và hợp nhất các quy tắc từ cả hai trường hợp .header thành một .header chỉ thị như vậy:
.header{
font-weight:normal;
font-size:1.25em;
background:blue;
margin:-20px auto 0 auto;
padding:20px 20px 0 20px
}
Ứng dụng này có tồn tại không?
@RegEdit, đã viết một câu trả lời cho câu hỏi của bạn đã xóa trước đó nếu bạn muốn kiểm tra: http://stackoverflow.com/questions/15195750/minify-compress-css-with-regex – Qtax