Cascading Style Sheets hoặc CSS được thiết lập để bạn có thể có nhiều thuộc tính đều ảnh hưởng đến cùng một phần tử. Một số tài sản có thể xung đột với nhau. Ví dụ: bạn có thể đặt màu phông chữ màu đỏ trên thẻ đoạn và sau đó, sau đó, đặt màu phông chữ màu xanh dương. Trình duyệt biết màu nào để tạo đoạn văn? Điều này được quyết định bởi thác.
Các loại tờ kiểu
Có ba loại biểu định kiểu khác nhau:
- Bảng kiểu tác giả
- Đây là các tờ định kiểu được tạo bởi tác giả của trang Web. Họ là những gì hầu hết mọi người nghĩ đến khi họ nghĩ về phong cách CSS tờ.
- Bảng kiểu người dùng
- Bảng định kiểu người dùng được đặt bởi người dùng trang Web. Điều này cho phép người dùng có quyền kiểm soát nhiều hơn đối với cách các trang hiển thị.
- Bảng kiểu tác nhân người dùng
- Đây là các kiểu mà trình duyệt Web áp dụng cho trang để giúp hiển thị trang đó. Ví dụ: trong XHTML, hầu hết các tác nhân người dùng trực quan hiển thị thẻ dưới dạng văn bản in nghiêng. Điều này được xác định trong bảng định kiểu tác nhân người dùng.
Các thuộc tính được định nghĩa trong từng tờ kiểu trên được cho một trọng số. Theo mặc định, biểu định kiểu tác giả có trọng số cao nhất, theo sau là bảng kiểu người dùng và cuối cùng là bảng kiểu tác nhân người dùng. Ngoại lệ duy nhất cho điều này là với quy tắc quan trọng trong bảng kiểu người dùng. Điều này có trọng lượng nhiều hơn so với phong cách của tác giả.
Thứ tự xếp hàng
Để giải quyết xung đột, trình duyệt Web sử dụng thứ tự sắp xếp sau để xác định kiểu nào được ưu tiên và sẽ được sử dụng:
- Trước tiên, hãy tìm tất cả các khai báo áp dụng cho phần tử được đề cập và cho loại phương tiện được chỉ định.
- Sau đó, nhìn vào những gì phong cách trang nó đến từ. Như trên, các tờ mẫu tác giả đến trước, sau đó là người dùng, sau đó là tác nhân người dùng. Với phong cách người dùng quan trọng có ưu tiên cao hơn so với tác giả!
- Bộ chọn cụ thể hơn, ưu tiên hơn nó sẽ nhận được. Ví dụ: một kiểu trên "div.co p" sẽ có mức ưu tiên cao hơn so với chỉ một trên thẻ "p".
- Cuối cùng, sắp xếp các quy tắc theo thứ tự chúng đã được xác định. Các quy tắc được xác định sau trong cây tài liệu có ưu tiên cao hơn các quy tắc được xác định trước đó. Và các quy tắc từ một biểu định kiểu được nhập được xem xét trước các quy tắc trực tiếp trong biểu định kiểu.