Tôi tự hỏi nếu ai đó có thể đặt một chút bản tóm tắt tham chiếu có thẩm quyền khi khai báo quan trọng trong CSS thì không phải là hoạt động để ghi đè kiểu nội tuyến.Khi nào thì khai báo quan trọng của CSS không hoạt động?
Có nhiều yếu tố liên quan đến việc xác định kiểu nào ghi đè lên một kiểu khác. Tuyên bố kiểu thấp hơn xuất hiện trong các trường hợp cascade và cụ thể hơn là nó đang nhắm mục tiêu phần tử, nó càng nặng hơn so với các kiểu khác.
Đây là CSS2 standard cho phong cách thừa kế:
- Nếu kết quả thác trong một giá trị, sử dụng nó.
- Nếu không, nếu thuộc tính được kế thừa, hãy sử dụng giá trị của phần tử gốc , thường là giá trị được tính.
- Nếu không, hãy sử dụng giá trị ban đầu của thuộc tính. Giá trị ban đầu là mỗi thuộc tính được chỉ định trong định nghĩa của thuộc tính .
Nội bộ, trình duyệt sẽ calculate the specificity of a rule, theo tiêu chuẩn. ! Tuyên bố quan trọng sẽ thêm trọng lượng cho sự cai trị, nhưng tự động gán một thuộc tính style thường sẽ được ưu tiên, bởi vì nó thường là quy định hơn-đánh giá cao ..
Tôi chắc chắn không phải tất cả các trình duyệt đều nhận ra tuyên bố quan trọng! Nhưng không thể nhớ cái nào làm ra đầu tôi. Sẽ kiểm tra và lấy lại cho bạn.
[EDIT] Tôi có thể xác nhận IE6 trở về trước không nhận ra điều quan trọng (trừ khi trình duyệt ở chế độ tuân thủ tiêu chuẩn - không phải mặc định).
Bạn có thể sử dụng! Quan trọng để ghi đè quy tắc nội tuyến. Nhưng cũng nên nhớ rằng các quy tắc nội tuyến cũng có thể được gắn thẻ!
Vâng để nghiên cứu xa dường như cho thấy:
Tuy nhiên, IE6 (có thể IE7) không hỗ trợ quan trọng trong this case:
someselector {
property: value !important;
same-property: another-value;
}
Nó sẽ sử dụng giá trị thứ hai (niêm yết cuối cùng).
này được xác nhận bởi this page:
Trong Internet Explorer 6 trở về trước, nếu một tuyên bố quan trọng xuất hiện trước khi tuyên bố bình thường đối với các sở hữu cùng trong cùng một khối khai , bình thường khai sẽ ghi đè tờ khai quan trọng .
Internet Explorer 6 và 7 cho trọng tuyên bố khi nhận dạng bất hợp pháp được sử dụng ở vị trí của từ khóa quan trọng, thay vì bỏ qua những lời tuyên bố như họ nên.
Nhận xét của Gizmo cho biết rằng Safari và Opera hỗ trợ!
Cũng là một thuộc tính phong cách được gán động * là * bị ghi đè bởi! Quan trọng trong IE7, IE6 và FF2 tại thời điểm đó là lý do tại sao tôi tò mò (nó mong muốn được theo cách này, chỉ tò mò :-)) –
Xem qua các kiểu và xem cách chúng cân nhắc theo tiêu chuẩn .. – keparo
Tôi có kiểu = "display: none;" so với div # id div {display: block! important; }. Chiến thắng thứ hai. http://www.w3.org/TR/CSS2/cascade.html#important-rules có thể được một số người quan tâm. –