Trong khi nghiên cứu CSS, bạn thường tin rằng các kiểu nội tuyến là hình thức tạo kiểu mạnh nhất, không thể bị ghi đè bởi css đơn giản
Chà, thực ra có một mẹo khá đơn giản để đánh bại quy tắc này
Giả sử chúng ta muốn thay đổi màu của văn bản cho div này
Điều đó có nghĩa là nếu bạn có một phần tử có bộ chọn lớp và ID với các kiểu khác nhau, thì kiểu ID sẽ được ưu tiên. Ví dụ, hãy xem mã này
Lorem Ipsum is simply dummying text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
Như chúng ta thấy, Class được đặt sau ID nhưng ID vẫn được ưu tiên hơn. Nó chỉ áp dụng nếu cả ID và Class được sử dụng trong cùng một phần tử
Bây giờ, hãy xem một ví dụ, trong đó ID và Class được sử dụng trong hai phần tử khác nhau
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Ở đây, bộ chọn Lớp ghi đè bộ chọn ID vì nó là bộ chọn được sử dụng lần cuối. Bộ chọn ID chỉ được ưu tiên hơn bộ chọn Lớp nếu cả hai đều được sử dụng trong cùng một phần tử
Bây giờ chúng ta hãy xem làm thế nào chúng ta có thể làm cho một lớp ghi đè lên một lớp khác. Nếu lớp đó có màu nền là xanh dương và bạn muốn
thay vào đó, để có nền màu đỏ, hãy thử thay đổi màu từ xanh lam sang đỏ trong chính lớp đó. Bạn cũng có thể tạo một lớp CSS mới xác định thuộc tính màu nền với giá trị màu đỏ và để
tham khảo lớp đó
________số 8
Một. Khai báo quan trọng là một cách tuyệt vời để ghi đè các kiểu bạn muốn. Khi một quy tắc quan trọng được sử dụng trên khai báo kiểu, khai báo này sẽ ghi đè mọi khai báo khác. Khi hai tuyên bố xung đột với. các quy tắc quan trọng được áp dụng cho cùng một phần tử, khai báo có tính đặc hiệu cao hơn sẽ được áp dụng
Hãy xem cách bạn có thể sử dụng. khai báo quan trọng để ghi đè kiểu nội tuyến. Bạn có thể đặt các kiểu riêng lẻ trong tệp CSS chung của mình dưới dạng. quan trọng ghi đè các kiểu nội tuyến được đặt trực tiếp trên các phần tử
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Tuy nhiên, bạn nên tránh sử dụng. quan trọng, bởi vì nó làm cho việc gỡ lỗi trở nên khó khăn hơn bằng cách phá vỡ tầng tự nhiên trong biểu định kiểu của bạn