CSS (webkit): ghi đè trên cùng với dưới cùng trên phần tử có vị trí tuyệt đối

Tôi đang gặp sự cố với việc ghi đè một số CSS plugin. Chỉnh sửa trực tiếp CSS đó không thực sự là một tùy chọn, vì nó sẽ khiến việc cập nhật plugin trở nên rủi ro hơn.

Vấn đề: một phần tử có vị trí tuyệt đối và có top: 0px trong bản gốc. Tôi muốn ghi đè nó bằng bottom: 0px.

Vì lợi ích của ví dụ

    .element {position:absolute; top:0;}

    /* in another file */
    .my .element {bottom:0;}

Trên firefox, cách này hoạt động tốt (bottom: 0 là kiểu được áp dụng), nhưng safari / chrome có vẻ không vượt qua được top: 0.

Tôi có thể giải quyết vấn đề này, nhưng sẽ rất tốt nếu bạn đưa ra một giải pháp sạch sẽ.

Sử dụng top: autođể "đặt lại" topvề giá trị ban đầu của nó .

bottomlà một thuộc tính hoàn toàn riêng biệt với top( một phần tử có thể có cả a topvàbottom ), vì vậy có lẽ bạn sẽ không cần bottomnữa.

Ngoài ra, hãy đảm bảo rằng bộ chọn ghi đè của bạn đủ cụ thể , nhưng có vẻ như đó không phải là vấn đề trong trường hợp này.

.my .element { position: inherit !important; top: auto; }