Sublime Text
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> div{ width:200px; height:200px; border:1px solid black; } #father{ background-color:yellow; } #child{ margin:100px; background-color:inherit; } </style> </head> <body> <p>- Thuộc tính background-color của phần tử <u>#child</u> có giá trị là <u>inherit</u></p> <p>⇨ Nó sẽ kế thừa giá trị thuộc tính background-color từ cha của nó là <u>#father</u></p> <p>⇨ Cho nên giá trị thật sự của nó sẽ tương ứng với <u>yellow</u></p> <div id="father"> <div id="child"></div> </div> </body> </html>
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> div{ width:200px; height:200px; border:1px solid black; } #father{ background-color:yellow; } #child{ margin:100px; background-color:inherit; } </style> </head> <body> <p>- Thuộc tính background-color của phần tử <u>#child</u> có giá trị là <u>inherit</u></p> <p>⇨ Nó sẽ kế thừa giá trị thuộc tính background-color từ cha của nó là <u>#father</u></p> <p>⇨ Cho nên giá trị thật sự của nó sẽ tương ứng với <u>yellow</u></p> <div id="father"> <div id="child"></div> </div> </body> </html>