CSS - drzewo dokumentu

drzewo dokumentu

<html>
<head>
<title>...</title>
<meta>
<link />
<script></script>
</head>
<body>
<p>...</p>
<div>...</div>
<table>
<tr>
<th>...</th>
<th>...</th>
<th>...</th>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</table>
</body>
</html>

<table> jest potomkiem <html> i <body>
<table> jest dzieckiem <body>
<table> jest rodzicem dwóch <tr>
<table> jest przodkiem trzech <td> i trzech <th>
<table> jest bratem <p> i <div>
<p> i <div> są braćmi poprzedzającymi <table>
<table> jest bratem następującym <p> i <div>
<table> jest elementem poprzedzającym <tr> <th> i <td>
<table> jest elementem następującym <body> i <html>

przodek (ancestor)
rodzic (parent)
dziecko (child)
potomek (descendant)
brat (sibling)
poprzedzający element (preceding element)
następujący element (following element)