Hướng dẫn css override inline style important - css ghi đè kiểu nội tuyến quan trọng

74

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Nếu bạn có

<div style="display: none !important;"></div>

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; }

Tylerh

21.2K59 Huy hiệu vàng74 Huy hiệu bạc93 Huy hiệu đồng59 gold badges74 silver badges93 bronze badges

Đã 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;}

<p style="color:blue;">I will be blue</p>
<p style="color:blue;" class="override">But I will be red</p>

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.0731 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.

Tylerh

21.2K59 Huy hiệu vàng74 Huy hiệu bạc93 Huy hiệu đồng59 gold badges74 silver badges93 bronze badges

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

Jeffrey Basurtojeffrey BasurtoShakti Singh

1.3751 Huy hiệu vàng9 Huy hiệu bạc24 Huy hiệu đồng20 gold badges133 silver badges150 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 đè:

Tylerh

21.2K59 Huy hiệu vàng74 Huy hiệu bạc93 Huy hiệu đồng59 gold badges74 silver badges93 bronze badges

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

Jeffrey Basurtojeffrey BasurtoAhsan Rathod

1.3751 Huy hiệu vàng9 Huy hiệu bạc24 Huy hiệu đồng2 gold badges20 silver badges25 bronze badges

0

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 đè:

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".

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

Đ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.

<div class="styleT" id="inputT" style="padding-left:0px;">

SUMIT

2.0731 Huy hiệu vàng27 Huy hiệu bạc36 Huy hiệu đồngJun 22, 2012 at 5:52

0

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

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

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.Feb 10, 2016 at 7:40

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.sameeuor

Đã trả lời ngày 22 tháng 6 năm 2012 lúc 5:397 silver badges17 bronze badges

Shakti Singhshakti Singh

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;}

<p class="pclass" id="pid" style="color:red !important;">
Hello, stylize for me !
</p>

<button id='button'>Change color by JS</button>

82.2K20 Huy hiệu vàng133 Huy hiệu bạc150 Huy hiệu Đồng

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:59Freelancer

Ahsan Rathodahsan Rathod6 silver badges19 bronze badges

5.4272 Huy hiệu vàng20 Huy hiệu bạc25 Huy hiệu Đồng

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

  div { display: block !important; }
  

  0. Sở thích đầu tiên là phong cách nội tuyến.

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

• và trong JSP

• Ở đây không lấy

  div { display: block !important; }
  

  6 .it mất lớp

  div { display: block !important; }
  

  7 ngoại trừ phần đệm-bên trái: 4px ;. Sẽ có

  div { display: block !important; }
  

  8.

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

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

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

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

Bạn có thể sử dụng quan trọng trong CSS nội tuyến không?

Làm cách nào để ghi đè kiểu nội tuyến trong CSS?

Bạn có thể ghi đè các kiểu nội tuyến?