Ghi đè lên DÙNG CHO PHONG CÁCH DUY NHẤT CỦA NGƯỜI DÙNG - Chrome

Question

Tôi có một mục danh sách đang được hiển thị trên trang web bằng hiệu ứng di chuột. Thách thức tôi đang phải đối mặt ở đây là khi tôi áp dụng một số biên giới hoặc nền cho mục danh sách, nó trông khủng khiếp vì padding được tạo ra tự động.

Hãy xem hình ảnh này.

Bất kỳ ai cũng có thể giúp tôi ghi đè lên.

Tôi đã tìm kiếm các diễn đàn nhưng tôi chỉ biết cách biến nó off khỏi bảng điều khiển chứ không phải để vượt quá nó.

Answer 1

Chỉ cần thêm phong cách sau đây:

ul { padding:0 } 

Điều đó sẽ ghi đè lên các phong cách mặc định.

Answer 2

Stylesheets từ các nguồn khác nhau có độ ưu tiên khác nhau:

từ thấp nhất đến cao nhất (*):

• phong cách user agent => đây là những phong cách mà bạn thấy trong ảnh chụp màn hình
• phong cách người dùng
• tác giả Kiểu CSS (ưu tiên phần mềm)
• phong cách tác giả inline
• phong cách tác giả với !important
• phong cách người dùng với !important

user agent = trình duyệt
author = bạn
user = người sử dụng trình duyệt

Vì vậy cho bạn, tất cả những gì bạn cần, là tuyên bố

ul { padding:0 } 

và thao tác này sẽ ghi đè kiểu UA. Tuy nhiên, nếu người dùng sẽ khai báo kiểu riêng của họ với !important, bạn không thể làm gì với tư cách tác giả - (may mắn cho người dùng), bạn không thể ghi đè các kiểu đó.

^{* Trong thực tế, bản chất tầng phức tạp hơn danh sách này có thể ngụ ý, mà tôi không đề cập đến vì sự đơn giản. Nếu bạn quan tâm đến điều này, hãy xem vào CSS precendence.}