Điều kiện media và mức ưu tiên CSS

```html <p id="ghi_chu">Đổi chiều rộng cửa sổ để so sánh.</p> ``` ```css #ghi_chu { color: blue; } @media (max-width: 600px) { p { color: red; } } ``` max-width:600px kiểm chiều rộng vùng hiển thị của trình duyệt không vượt 600 pixel CSS; không dùng nó để suy độ rộng vật lí của thiết bị. Ở 390px, điều kiện đúng nhưng #ghi_chu vẫn ưu tiên hơn p trong hai khai báo thông thường, nên chữ xanh dương. Ở 1440px, quy tắc trong media không tham gia, chữ cũng xanh dương. Nếu thay p trong media bằng #ghi_chu như tệp thứ hai, ở 390px hai bộ chọn cùng trọng số và quy tắc trong media viết sau nên chữ đỏ; ở 1440px điều kiện sai nên chữ xanh dương. @media không tự tạo một mức ưu tiên cao hơn mọi bộ chọn.