2015-10-12 15 views
9

Tôi rất mâu thuẫn với sếp của tôi về thứ tự xử lý CSS.Đơn đặt hàng xử lý CSS

Boss khẳng định rằng thứ tự các bộ chọn trong tệp CSS phải khớp với thứ tự các bộ chọn được sử dụng để gọi các trang web. Ông tuyên bố rằng cấu trúc như vậy là bắt buộc bởi các trình duyệt mà đọc nội dung tập tin CSS tuần tự và áp dụng các quy tắc trong chuỗi đó.

Tôi nghĩ điều này là sai.

Nếu trải nghiệm lập trình của tôi có bất kỳ sự liên quan nào với ứng dụng CSS và tôi là lập trình viên .NET, trình duyệt đọc tệp CSS trước và cho mỗi bộ chọn tham chiếu bộ nhớ (tham chiếu bộ nhớ phương thức con trỏ akin) được tạo và sau đó, khi trình duyệt đọc tệp html và hiển thị trang, mỗi khi bộ chọn được sử dụng, trình duyệt tham chiếu địa chỉ bộ nhớ thích hợp với quy tắc kiểu và áp dụng thay đổi trong khi kết quả cuối cùng được hiển thị trong DOM. Trình tự trong tệp CSS không liên quan.

Tôi không thể hỗ trợ khiếu nại của mình bằng bất kỳ tài liệu nào. Có ai biết nơi tôi có thể tìm thấy tài liệu kỹ thuật liên quan đến điều này và chứng minh cho tôi đúng hay sai? Có quy tắc về cách tổ chức tệp CSS không?

+1

Tính đặc hiệu của các quy tắc CSS là điều xác định cách chúng được hiển thị. Điều đó, và quy tắc đáng sợ '! Quan trọng'. Sếp của bạn chắc chắn sai về "thứ tự các bộ chọn trong tệp CSS phải khớp với thứ tự mà trong đó các bộ chọn được sử dụng trong việc gọi các trang web". – j08691

+0

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/How_CSS_works có thể anh ấy làm việc trên CSS khi quy tắc đó được áp dụng, trước tất cả nội dung mới trên kiến ​​trúc CSS. BEM, OOCSS, v.v. – arterzatij

+0

sếp của bạn không đúng, bộ chọn sẽ được tải theo thứ tự cụ thể, với kiểu toàn cục, sau đó là kiểu mô-đun, sau đó là kiểu trang cụ thể, sau đó hack (nếu bạn cần) - mỗi bộ sẽ hơi cụ thể hơn và Tuy nhiên, nếu bạn thực sự thông minh với quy ước đặt tên và hiểu rõ tính cụ thể, thứ tự của các bộ chọn sẽ trở nên ít liên quan hơn, sếp của bạn có thể là một nhà phát triển hàng đầu không thể hiện bản thân tốt :-) –

Trả lời

8

Thứ tự quan trọng, nhưng chỉ khi độ đặc hiệu bằng nhau.

ví dụ:

.one { color: black; } 
.two { color: red; } 

với

<div class="one two">...</div> 

... sẽ khác nhau tùy thuộc vào lệnh rulesets CSS xuất hiện trong.

Xem the cascade để xem chi tiết hơn.

+0

cực kỳ rõ ràng :) –

+1

... và mọi thiết kế tốt * nên * tránh tình trạng này (có 2 lớp xung đột đánh nhau, chỉ dựa vào thứ tự) – vals

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