Notes for You:: HTML CSS DOM Tree Terminology.
– For every HTML code we can draw a Document Object Model tree (DOM tree).
– DOM tree is drawn based on the parent and child relationship present between HTML elements.
Tree:
– A tree is a finite set of nodes.
Nodes:
– Nodes in the tree are represented by oval shape.
Edges:
– Nodes are connected with one another by straight lines known as edges.
Root Node:
– First node or top most node in the tree is known as root node.
Parent Node:
– A node containing single child or multiple children is known as parent node.
Leaf Node:
– A node containing no children is known as leaf node.
Ancestors:
– Ancestors of a node are any node visited in the path from the selected node to the root node. (i.e. Parent, Grandparent, Grand grandparent, any node visited up to the root node are considered as Ancestors)
Descendents:
Descendents of a node are any node falling under the selected node tree. (i.e. Direct Children, Children’s Children, or any node that can be reachable from the selected node up to the leaf node is considered as descendent node)
Sibligs:
– Two or more nodes with same parent are known as siblings (i.e. brothers)
Side by side siblings are called adjacent siblings.
=========================================
Follow the link for next video:
CSS Tutorial 18 – CSS Descendant selector
Follow the link for previous video:
CSS Tutorial 16 – CSS Combinator Selector | CSS Combinators | CSS Combination Selector
=========================================
CSS Tutorials Playlist:-
=========================================
Watch My Other Useful Tutorials:-
HTML Tutorials Playlist:-
JavaScript Tutorials Playlist:-
jQuery Tutorials Playlist:-
=========================================
► Subscribe to our YouTube channel:
https://www.youtube.com/chidrestechtutorials
► Visit our Website:
https://www.chidrestechtutorials.com
=========================================
Hash Tags:-
#ChidresTechTutorials #CSS #CSSTutorial
