Hướng dẫn override important css - ghi đè css quan trọng

Tôi đã tạo một bảng kiểu tùy chỉnh ghi đè CSS ban đầu cho mẫu WordPress của tôi. Tuy nhiên, trên trang lịch của tôi, CSS ban đầu có chiều cao của mỗi ô bảng được đặt với Tuyên bố

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

4:

td {height: 100px !important}

Có cách nào tôi có thể ghi đè lên điều này không?

Hỏi ngày 24 tháng 6 năm 2012 lúc 15:28Jun 24, 2012 at 15:28

user1444027user1444027user1444027

4.7737 Huy hiệu vàng26 Huy hiệu bạc37 Huy hiệu Đồng7 gold badges26 silver badges37 bronze badges

4

Ghi đè! Công cụ sửa đổi quan trọng

1. Chỉ cần thêm một quy tắc CSS khác với

   table td    {height: 50px !important;}
   .myTable td {height: 50px !important;}
   #myTable td {height: 50px !important;}
   

   4 và cung cấp cho bộ chọn một tính đặc hiệu cao hơn (thêm một thẻ, ID hoặc lớp bổ sung cho bộ chọn)
2. Thêm quy tắc CSS với cùng một bộ chọn ở điểm sau so với quy tắc hiện tại (trong một trận đấu, lần cuối cùng được xác định).

Một số ví dụ có độ đặc hiệu cao hơn (đầu tiên là cao nhất/ghi đè, thứ ba là thấp nhất):

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

Hoặc thêm cùng một bộ chọn sau phần hiện có:

td {height: 50px !important;}

Disclaimer:

Hầu như không bao giờ là một ý tưởng tốt để sử dụng

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

4. Đây là kỹ thuật xấu của những người tạo ra mẫu WordPress. Theo kiểu virus, nó buộc người dùng của mẫu phải thêm trình sửa đổi

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

4 của riêng họ để ghi đè lên nó và nó giới hạn các tùy chọn để ghi đè nó qua JavaScript.

Nhưng, thật hữu ích khi biết cách ghi đè nó, nếu đôi khi bạn phải.

Andrew Koper

5.5925 Huy hiệu vàng41 Huy hiệu bạc48 Huy hiệu đồng5 gold badges41 silver badges48 bronze badges

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

Matt Coughlinmatt CoughlinMatt Coughlin

18.2k3 Huy hiệu vàng44 Huy hiệu bạc57 Huy hiệu đồng3 gold badges44 silver badges57 bronze badges

6

Ngoài việc ghi đè một kiểu được đặt bởi thuộc tính

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

8,

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

4 chỉ nên được sử dụng khi bạn có bộ chọn trong bảng kiểu của mình với tính đặc hiệu mâu thuẫn.

Nhưng ngay cả khi bạn có tính đặc hiệu mâu thuẫn, tốt hơn là tạo một bộ chọn cụ thể hơn cho ngoại lệ. Trong trường hợp của bạn, tốt hơn là có

td {height: 50px !important;}

0 trong HTML mà bạn có thể sử dụng để tạo bộ chọn cụ thể hơn không cần quy tắc

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

4.

td.a-semantic-class-name { height: 100px; }

Cá nhân tôi không bao giờ sử dụng

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

4 trong bảng phong cách của mình. Hãy nhớ rằng C trong CSS là để xếp tầng. Sử dụng

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

4 sẽ phá vỡ điều này.

Đã trả lời ngày 17 tháng 9 năm 2012 lúc 9:12Sep 17, 2012 at 9:12

Jasper de Vriesjasper de VriesJasper de Vries

17.9k6 Huy hiệu vàng61 Huy hiệu bạc98 Huy hiệu Đồng6 gold badges61 silver badges98 bronze badges

0

Tuyên bố miễn trừ trách nhiệm: Tránh! Quan trọng bằng mọi giá.

Đây là một bản hack bẩn, bẩn, nhưng bạn có thể ghi đè lên một! Quan trọng, không có! Quan trọng, bằng cách sử dụng một hình ảnh động (vô hạn vòng lặp hoặc rất dài) trên tài sản mà bạn đang cố gắng ghi đè lên các quan trọng.

@keyframes forceYellow {
  from {
    background-color: yellow;
  }
  to {
    background-color: yellow;
  }
}

div {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: red !important;
  animation: 1s linear infinite forceYellow;
}

Đã trả lời ngày 14 tháng 12 năm 2017 lúc 0:47Dec 14, 2017 at 0:47

3

Mỗi phần của tên phong cách đều có trọng lượng, vì vậy bạn càng có nhiều yếu tố liên quan đến phong cách đó thì nó càng quan trọng. Ví dụ

#P1 .Page {height:100px;}

quan trọng hơn:

.Page {height:100px;}

Vì vậy, khi sử dụng quan trọng, lý tưởng, điều này chỉ nên được sử dụng, khi thực sự thực sự cần thiết. Vì vậy, để ghi đè khai báo, làm cho phong cách cụ thể hơn, nhưng cũng có ghi đè. Xem bên dưới:

td {width:100px !important;}
table tr td .override {width:150px !important;}

Tylerh

21.3K60 Huy hiệu vàng74 Huy hiệu bạc93 Huy hiệu đồng60 gold badges74 silver badges93 bronze badges

Đã trả lời ngày 18 tháng 5 năm 2014 lúc 19:12May 18, 2014 at 19:12

KM123KM123KM123

1.2991 Huy hiệu vàng10 Huy hiệu bạc20 Huy hiệu đồng1 gold badge10 silver badges20 bronze badges

1

Ghi đè bằng JavaScript

$('.mytable td').attr('style', 'display: none !important');

Đã làm cho tôi.

Tylerh

21.3K60 Huy hiệu vàng74 Huy hiệu bạc93 Huy hiệu đồng60 gold badges74 silver badges93 bronze badges

Đã trả lời ngày 18 tháng 5 năm 2014 lúc 19:12Oct 9, 2014 at 11:01

7

1.2991 Huy hiệu vàng10 Huy hiệu bạc20 Huy hiệu đồng

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

0

Ghi đè bằng JavaScriptinline style

Đã làm cho tôi.Aug 31, 2016 at 14:02

Đã trả lời ngày 9 tháng 10 năm 2014 lúc 11:01DiChrist

Điều này cũng có thể giúp5 silver badges16 bronze badges

1

Điều này sẽ ghi đè bất kỳ kiểu nội tuyến nào

Tylerh

21.3K60 Huy hiệu vàng74 Huy hiệu bạc93 Huy hiệu đồng60 gold badges74 silver badges93 bronze badges

Đã trả lời ngày 18 tháng 5 năm 2014 lúc 19:12Dec 5, 2019 at 22:04

1.2991 Huy hiệu vàng10 Huy hiệu bạc20 Huy hiệu đồng

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

1

Ghi đè bằng JavaScript

Tylerh

21.3K60 Huy hiệu vàng74 Huy hiệu bạc93 Huy hiệu đồng60 gold badges74 silver badges93 bronze badges

Đã trả lời ngày 18 tháng 5 năm 2014 lúc 19:12Oct 17, 2021 at 6:31

1

1.2991 Huy hiệu vàng10 Huy hiệu bạc20 Huy hiệu đồng:not. If nothing from above helped you, then try this:

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

2

Ghi đè bằng JavaScriptApr 22 at 9:26

Đã làm cho tôi.fdrv

Đã trả lời ngày 9 tháng 10 năm 2014 lúc 11:011 gold badge9 silver badges20 bronze badges

1

Điều này cũng có thể giúp

Điều này sẽ ghi đè bất kỳ kiểu nội tuyến nàoMay 4 at 17:33

Đã trả lời ngày 31 tháng 8 năm 2016 lúc 14:02

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

3

DichristdichristOct 26, 2016 at 13:25

3095 Huy hiệu bạc16 Huy hiệu ĐồngIWI

Trong mọi trường hợp, bạn có thể ghi đè

td {height: 50px !important;}

4 với

td {height: 50px !important;}

5.3 gold badges23 silver badges42 bronze badges

1