Ghi đè thuộc tính chiều cao tối thiểu

Question

Nếu có thể, làm thế nào tôi có thể ghi đè thuộc tính min-height của một lớp cho một div cụ thể?

Ví dụ:

.someclass { 
 
    min-height: 200px; 
 
}

<div class="someclass"> 
 
    -- content -- 
 
</div>

Tôi đã cố gắng sử dụng một cái gì đó giống như style="min-height:100px!important;" trên div nhưng điều đó dường như không làm việc.

Answer 1

thói quen rất xấu là sử dụng các khai báo !important trong biểu định kiểu chuẩn của bạn. Tránh nó bằng mọi giá, bởi vì nó phá vỡ bản chất tầng của các bảng định kiểu.

Sử dụng more specific selector để ghi đè kiểu trước đó.

Để đặt lại kiểu về mặc định, hãy sử dụng auto|inherit|0 tùy thuộc vào thuộc tính. Đối với min-height là 0. CSS3 giới thiệu giá trị đặc biệt inital nên được sử dụng tốt nhất - nhưng tiếc là nó có giới hạn IE support.

Trong trường hợp của bạn min-height:100px; trong bộ chọn có độ đặc hiệu cao hơn (id hoặc kiểu nội tuyến - tốt nhất là không phải là kiểu sau) nên thực hiện thủ thuật.

let div = document.querySelector("#morespecific"); 
 

 
div.innerHTML = "This div has its min-height set to: "+window.getComputedStyle(div).minHeight;

.someclass{ 
 
    min-height:200px; 
 
    border:1px solid red; 
 
} 
 
#morespecific{ 
 
    min-height:100px; 
 
    border-color:blue; 
 
}

<div id="morespecific" class="someclass"> 
 
-- content -- 
 
</div>

Answer 2

Một !important cờ cần đi bên trong dấu chấm phẩy, như thế này:

.someclass {min-height: 200px !important;} 

Bên cạnh đó, bạn nên không thực sự được sử dụng !important cờ nếu bạn có thể giúp nó. Quy tắc ghi đè cần phải cụ thể hơn quy tắc ban đầu.

Tôi nghĩ bạn cần đọc lên trên specificity and inheritance.

Answer 3

phong cách Inline ghi đè lên phong cách CSS, vì vậy

<div class="someclass" style="height: 50px;">...</div> 

đè quy tắc trong stylesheet của bạn. Tuy nhiên, nó thường không phải là một giải pháp tốt để khắc phục vấn đề này. Giải pháp ưu tiên sẽ là sử dụng bộ chọn có độ đặc hiệu cao hơn trong css bên ngoài của bạn.

Answer 4

tôi không thể tìm thấy bất kỳ câu trả lời tốt hơn so với chỉ sử dụng từ 0 đến ghi đè thứ phút, và sử dụng một cái gì đó giống như 1000% để ghi đè lên những thứ tối đa.