Tutorial CSS: Descendant Selector
Pada cascade style sheet (css) kita dapat membuat hal yang serupa diatas, dengan menurunkan selector dari selector induknya. Konsep ini disebut dengan Descendant Selector.
Untuk percobaan konsep Descendant Selector, pertama kita akan membuat file css yang diberi nama descendat.css, kemudian buatlah file yang bernama sel_desc.html.
descendat.css
#container .h1 { color:red; text-align:center; font-size:3em; } #contoh h2{ color:blue; font-size: 30px; }
sel_desc.html
<html> <head> <title>Contoh Descendat Selector</title> <link rel= "stylesheet" href="descendant.css"> </head> <body> <div id="container"> <div class="h1">Heading1 dengan descendant selector </div> <div class="h1">Hallo Heading1</div> </div> <h1>Heading1 secara default</h1> <div id="contoh"> <h2>Heading2 dengan descendant selector </h2> </div> <h2>Heading2 secara default</h2> </body> </html>
Outputnya :
