Hướng dẫn is it important to override inline css? - ghi đè css nội tuyến có quan trọng không?

Nếu bạn có

Có cách nào để ghi đè lên trong bảng kiểu để làm cho nó được hiển thị không?

Tốt nhất là sử dụng một cái gì đó tương tự như thế này:

div { display: block !important; }

Đã hỏi ngày 22 tháng 6 năm 2012 lúc 5:36Jun 22, 2012 at 5:36

Jeffrey Basurtojeffrey BasurtoJeffrey Basurto

1.3751 Huy hiệu vàng9 Huy hiệu bạc24 Huy hiệu đồng1 gold badge9 silver badges24 bronze badges

1

Hãy để tôi bắt đầu bằng cách nói rằng các kiểu nội tuyến nói chung có thể bị ghi đè:can be overridden:

.override {color:red !important;}

I will be blue
But I will be red

Hành vi này được mô tả trong thông số kỹ thuật W3, trong đó người ta tuyên bố rằng các tuyên bố ____10 không làm thay đổi tính đặc hiệu, mà là ưu tiên hơn các khai báo "bình thường".

Điều đó đang được nói, khi cả hai quy tắc xung đột đều có cờ ____10, tính đặc hiệu cho thấy rằng một quy tắc nội tuyến được áp dụng - có nghĩa là đối với kịch bản của OP, không có cách nào để ghi đè một nội tuyến ____10.

SUMIT

2.0851 Huy hiệu vàng27 Huy hiệu bạc36 Huy hiệu đồng1 gold badge27 silver badges36 bronze badges

Đã trả lời ngày 22 tháng 6 năm 2012 lúc 7:24Jun 22, 2012 at 7:24

5

Bạn không thể ghi đè CSS nội tuyến nếu nó có ____10. Nó có ưu tiên cao hơn phong cách trong tệp CSS bên ngoài của bạn.

Tuy nhiên, nếu bạn muốn nó thay đổi một số hành động sau này, bạn có thể sử dụng một chút JavaScript.

Đã trả lời ngày 22 tháng 6 năm 2012 lúc 5:39Jun 22, 2012 at 5:39

Shakti Singhshakti SinghShakti Singh

82.4K20 Huy hiệu vàng133 Huy hiệu bạc151 Huy hiệu Đồng20 gold badges133 silver badges151 bronze badges

1

Bạn không thể ghi đè CSS nội tuyến có

div { display: block !important; }

Đã trả lời ngày 22 tháng 6 năm 2012 lúc 5:59Jun 22, 2012 at 5:59

Ahsan Rathodahsan RathodAhsan Rathod

5.4372 Huy hiệu vàng20 Huy hiệu bạc25 Huy hiệu Đồng2 gold badges20 silver badges25 bronze badges

0

Bạn không thể ghi đè kiểu nội tuyến có

div { display: block !important; }

Ví dụ: chúng tôi có một lớp học

.styleT{float:left;padding-left:4px;width:90px;}

và trong JSP

Ở đây không lấy

div { display: block !important; }

div { display: block !important; }

div { display: block !important; }

Đã trả lời ngày 22 tháng 6 năm 2012 lúc 5:52Jun 22, 2012 at 5:52

0

Dưới đây là một giải pháp jQuery đơn giản.

$(document).ready(function() { 
$('div').css('display','block');
})

Đã trả lời ngày 10 tháng 2 năm 2016 lúc 7:40Feb 10, 2016 at 7:40

SameeUorsameeuorsameeuor

6667 Huy hiệu bạc17 Huy hiệu đồng7 silver badges17 bronze badges

Bạn có thể thấy ví dụ này! Có một số quy tắc cho bộ chọn CSS. Bộ chọn mạnh nhất là nội tuyến (nếu cùng cấp có/không có! Quan trọng). Những cái tiếp theo: ID, lớp, v.v. Vì vậy, nếu một thẻ đã được cách điệu bởi CSS nội tuyến với! Quan trọng, bạn chỉ có một cách: sử dụng JavaScript để thay đổi.

var pid = document.getElementById('pid');
var button = document.getElementById('button');
button.addEventListener('click', function(){
  pid.style.color = '';
});

p{color:violet !important;}

*{color:blue !important;}

html *{color:brown !important;}

html p{color:lighblue !important;}

.pclass{color:yellow !important;}

#pid{color:green !important;}

Hello, stylize for me !


Change color by JS

Như bạn thấy, phong cách của CSS nội tuyến đã bị xóa và ID là bộ chọn mạnh nhất bây giờ!

Đã trả lời ngày 17 tháng 5 năm 2019 lúc 9:41May 17, 2019 at 9:41

FreelancerfreelancerFreelancer

8376 Huy hiệu bạc19 Huy hiệu đồng6 silver badges19 bronze badges

Quy tắc ưu tiên khi hai thuộc tính CSS áp dụng cho cùng một nút:

• div { display: block !important; }
  

  0 nhịp không -________ 10. Nếu bình đẳng! Quan trọng, ...

• .override {color:red !important;}

  1 Thuộc tính đánh bại CSS trong một tệp. Nếu cả hai đều ở trong các tệp CSS ...

• Một ID trong bộ chọn CSS nhịp không có ID. Và nhiều ID hơn đánh bại ít hơn. (Và bạn nghĩ rằng không có lý do gì cho hai ID trong bộ chọn.) Nếu cùng một số ID ...

• Các lớp, hoặc các thuộc tính như

  .override {color:red !important;}

  2 trong bộ chọn, đếm chúng; nhiều nhịp hơn. Nếu tất cả đều giống nhau ...

• Tên thẻ như

  .override {color:red !important;}

  3 hoặc

  .override {color:red !important;}

  4, nhiều nhịp hơn.

Vì vậy, bạn thấy nội tuyến

div { display: block !important; }

Đã trả lời ngày 24 tháng 9 năm 2018 lúc 0:02Sep 24, 2018 at 0:02

CSS nội tuyến có ghi đè quan trọng không?

Có nên tránh CSS nội tuyến?

Tại sao thêm CSS nội tuyến không được khuyến khích?

CSS nội tuyến có ảnh hưởng đến hiệu suất không?