Từ khóa kế thừa trong CSS làm gì?

Ai đó có thể giải thích, từ khóa kế thừa có ý nghĩa gì trong CSS?Từ khóa kế thừa trong CSS làm gì?

2010-01-04 benstpierre

Nó sẽ sử dụng giá trị tương tự như các tài sản cùng cha mẹ mình có .

html:

<body> 
<h1></h1> 
</body>

css:

body{ 
margin: 234px; 
} 
h1{ 
margin: inherit; #=234px 
}

chú này nếu có nhiều trường hợp của <h1> trong file, nó sẽ mất lề của nó là mẹ. Vì vậy, 234px không phải luôn luôn là giá trị nó sẽ có. Ví dụ

html:

<body> 
    <h2></h2> 
    <div> 
    <h2></h2> 
    </div> 
</body>

css:

body{ 
margin: 20px; 
} 
div{ 
margin: 30px; 
} 
h2{ 
margin: inherit; #20px if parent is body; 30px if parent is div 
}

Nguồn

2010-01-04 21:58:28

Điều quan trọng cần lưu ý điều này không hoạt động trong IE6 + IE7, nhưng câu trả lời tuyệt vời. +1 –

Ngay cả trong IE8, nó hoạt động với các thuộc tính "hướng" và "khả năng hiển thị" –

Tôi nghĩ rằng người hỏi câu hỏi này đã biết cách "kế thừa" hoạt động, những gì anh ta có thể muốn biết: "Việc sử dụng là gì trường hợp sử dụng cơ chế kế thừa CSS " –

Tôi sẽ không để ăn cắp lời giải thích tốt trên sitepoint.com vì vậy tôi sẽ chỉ cung cấp cho các url đây:

http://reference.sitepoint.com/css/inheritvalue#

Nguồn

2010-01-04 21:56:53 hannson

Bài viết SitePoint là siêu rõ ràng với lời giải thích tuyệt vời! Liên kết tuyệt vời! –

Từ khóa kế thừa trong CSS làm gì?

Trả lời

Các vấn đề liên quan