CSS thụt lề trong các emacs

Question

Vì vậy, thụt lề tự động của emacs cho CSS đang khiến tôi bị dơi. Dưới đây là những gì tôi thích CSS để trông giống như:

#foo ul.bar { 
    .... 
} 

    #foo ul.bar li { 
     .... 
    } 

     #foo ul.bar li a { 
      .... 
     } 

Đây là những gì emacs mang lại cho tôi với tính năng tự động thụt đầu dòng của nó:

#foo ul.bar { 
    .... 
} 

#foo ul.bar li { 
    .... 
} 

#foo ul.bar li a { 
    .... 
} 

Tôi muốn giữ phong cách của tôi dần dần thụt nếu họ sử dụng các thác. Tuy nhiên, emacs sẽ tự động hóa mọi thứ ở cùng một mức độ.

Mọi thứ tôi có thể làm?

Answer 1

Tôi không nghĩ rằng bất kỳ chế độ CSS nào tôi đã sử dụng với Emacs sẽ hỗ trợ kiểu thụt đầu dòng đó - chúng không nhìn vào nội dung của bộ chọn, dù có hay không một cái gì đó là một bộ chọn (không thụt lề) hoặc là một quy tắc bên trong một bộ chọn (thụt lề một bước).

Nếu bạn muốn thay đổi điều này, bạn cần ghi đè chức năng thụt lề cho chế độ CSS của mình.

Answer 2

Tôi khuyên bạn nên bắt đầu biên dịch CSS bằng "Sass" - các tệp .scss trông giống như CSS nhưng cho phép bạn lồng các quy tắc theo cách chính xác như bạn mong muốn trong ví dụ của mình đầu ra thực sự khá giống CSS được tạo thủ công - vì vậy, trước tiên, CSS của bạn sẽ vẫn dễ hiểu; và, thứ hai, nếu bạn muốn từ bỏ Sass, bạn chỉ có thể xóa các tệp .scss và chỉnh sửa các tệp .css từ thời điểm đó trở đi.

Và Emacs đã thụt vào Sass hoàn hảo, vì Emacs chỉ tuân theo các quy tắc bình thường để đếm số dấu ngoặc móc và thụt lề tương ứng. mã nguồn của bạn ở trên, nếu chuyển đổi sang Sass, sẽ trông như thế này:

#foo ul.bar { 
    ... 

    li { 
     ... 

     a { 
      ... 
     } 
    } 
} 

Rõ ràng, điều này loại bỏ sự lặp lại và làm cho nó dễ dàng hơn để đọc và duy trì CSS của bạn. Dự án Sass nằm ở đây: http://sass-lang.com/

Answer 3

Tôi biết đây là một hack, nhưng tôi đã thấy chế độ java hoạt động tốt hơn hoặc ít hơn với css.

Answer 4

Bạn có thể sử dụng nhận dạng tích hợp emacs. Tôi làm việc trên bất kỳ chế độ và làm một công việc phong nha với các tập tin css.

(defun cesco/indent() (interactive) (mark-whole-buffer) (indent-region (point-min) (point-max) nil) (pop-global-mark) )