Có cách nào để buộc kiểu dáng thành phần tử div đã có thuộc tính style = ""

Question

Tôi đang cố gắng tạo ra kết quả HTML da mà tôi không có quyền kiểm soát. Một trong các thành phần là một số div với thuộc tính style="overflow: auto".
Có cách nào trong CSS buộc div sử dụng overflow: hidden; không?

Answer 1

Bạn có thể thêm !important đến hết phong cách của bạn, như thế này:

element { 
    overflow: hidden !important; 
} 

Đây là một cái gì đó bạn không nên dựa vào bình thường, nhưng trong trường hợp của bạn đó là lựa chọn tốt nhất. Thay đổi giá trị trong các phân đoạn Javascript từ thực tiễn tốt nhất về tách đánh dấu, bản trình bày và hành vi (html/css/javascript).

Answer 2

Theo tôi biết, các kiểu trên các phần tử HTML thực tế sẽ ghi đè mọi thứ bạn có thể thực hiện theo kiểu CSS riêng biệt. Tuy nhiên, bạn có thể sử dụng Javascript để ghi đè lên.

Answer 3

Bạn đã thử đặt !important trong tệp CSS chưa? Một cái gì đó như:

#mydiv { overflow: hidden !important; } 

Answer 4

Không chắc chắn nếu điều này sẽ làm việc hay không, đã không kiểm tra nó với overflow.

overflow:hidden !important 

có thể?

Answer 5

Nếu div có tuyên bố kiểu nội tuyến, cách duy nhất để sửa đổi nó mà không thay đổi nguồn là bằng JavaScript. Thuộc tính kiểu nội tuyến 'giành chiến thắng' mỗi lần trong CSS.

Answer 6

Magnar là chính xác như được giải thích bởi thông số W3C được dán bên dưới. Dường như từ khóa quan trọng đã được thêm vào để cho phép người dùng ghi đè cài đặt kiểu "nướng trong" ở cấp phần tử. Vì bạn đang ở trong tình huống mà bạn không có quyền kiểm soát html này có thể là lựa chọn tốt nhất của bạn, mặc dù nó sẽ không phải là một mẫu thiết kế bình thường.

W3C CSS Specs

Trích:

6.4.2 quy tắc quan trọng CSS cố gắng để tạo ra một sự cân bằng quyền lực giữa tác giả và người sử dụng phong cách tờ. Theo mặc định, các quy tắc trong tờ kiểu dáng của tác giả ghi đè những kiểu đó trong tờ định kiểu của người dùng (xem quy tắc xếp chồng 3).

However, for balance, an "!important" declaration (the keywords 

"!" và "quan trọng" theo tuyên bố ) được ưu tiên hơn một tuyên bố thông thường là . Cả hai tác giả và tờ kiểu người dùng có thể chứa các tờ khai " " quan trọng "!, và người dùng "! Quan trọng "quy tắc ghi đè tác giả quy tắc" quan trọng ". Tính năng CSS này cải thiện khả năng truy cập tài liệu bằng cách cung cấp cho người dùng các yêu cầu đặc biệt (phông chữ lớn, kết hợp màu sắc, v.v.) kiểm soát bản trình bày.

Note. This is a semantic change since CSS1. In CSS1, author 

"!quan trọng" quy tắc mất ưu tiên qua sử dụng "! important" quy tắc.

Declaring a shorthand property (e.g., 'background') to be 

"! important" tương đương với tuyên bố tất cả các phụ thuộc tính của nó để được "! important".

Example(s): 

The first rule in the user's style sheet in the following example 

chứa tuyên bố "quan trọng", ghi đè tuyên bố tương ứng trong phong cách tác giả trang tính. Tuyên bố thứ hai sẽ cũng giành được do được đánh dấu "!quan trọng". Tuy nhiên, quy tắc thứ ba trong biểu định kiểu của người dùng không phải là "! Quan trọng" và do đó sẽ mất vào quy tắc thứ hai trong phong cách của tác giả (có nghĩa là đặt kiểu trên tài sản viết tắt). Ngoài ra, quy tắc tác giả thứ ba sẽ thua thành quy tắc tác giả thứ hai là vì quy tắc thứ hai là "quan trọng". Điều này cho thấy rằng các tờ khai " " quan trọng "" có chức năng cũng nằm trong phạm vi phong cách tác giả trang tính.

/* From the user's style sheet */ 
P { text-indent: 1em ! important } 
P { font-style: italic ! important } 
P { font-size: 18pt } 

/* From the author's style sheet */ 
P { text-indent: 1.5em !important } 
P { font: 12pt sans-serif !important } 
P { font-size: 24pt }