਀㰀栀琀洀氀㸀 ਀㰀猀琀礀氀攀㸀 .ancestors * { ਀    搀椀猀瀀氀愀礀㨀 戀氀漀挀欀㬀 border: 2px solid lightgrey;਀    挀漀氀漀爀㨀 氀椀最栀琀最爀攀礀㬀 padding: 5px;਀    洀愀爀最椀渀㨀 ㄀㔀瀀砀㬀 }਀㰀⼀猀琀礀氀攀㸀 ਀㰀猀挀爀椀瀀琀㸀 $(document).ready(function(){਀    ␀⠀∀猀瀀愀渀∀⤀⸀瀀愀爀攀渀琀猀⠀⤀⸀挀猀猀⠀笀∀挀漀氀漀爀∀㨀 ∀爀攀搀∀Ⰰ ∀戀漀爀搀攀爀∀㨀 ∀㈀瀀砀 猀漀氀椀搀 爀攀搀∀紀⤀㬀 });਀㰀⼀猀挀爀椀瀀琀㸀 ਀ body (great-great-grandparent)਀  㰀搀椀瘀 猀琀礀氀攀㴀∀眀椀搀琀栀㨀㔀　　瀀砀㬀∀㸀搀椀瘀 ⠀最爀攀愀琀ⴀ最爀愀渀搀瀀愀爀攀渀琀⤀ ਀  㰀⼀搀椀瘀㸀 ਀☀渀戀猀瀀㬀 ਀☀渀戀猀瀀㬀

এর জন্য কোড নিম্নে দেয়া হলো:

਀
਀ 
<!DOCTYPE html>਀☀氀琀㬀栀琀洀氀☀最琀㬀
<head>਀☀氀琀㬀猀琀礀氀攀☀最琀㬀
.ancestors * { ਀    搀椀猀瀀氀愀礀㨀 戀氀漀挀欀㬀
    border: 2px solid lightgrey;਀    挀漀氀漀爀㨀 氀椀最栀琀最爀攀礀㬀
    padding: 5px;਀    洀愀爀最椀渀㨀 ㄀㔀瀀砀㬀
}਀☀氀琀㬀⼀猀琀礀氀攀☀最琀㬀
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>਀☀氀琀㬀猀挀爀椀瀀琀☀最琀㬀
$(document).ready(function(){਀    ␀⠀∀猀瀀愀渀∀⤀⸀瀀愀爀攀渀琀猀⠀⤀⸀挀猀猀⠀笀∀挀漀氀漀爀∀㨀 ∀爀攀搀∀Ⰰ ∀戀漀爀搀攀爀∀㨀 ∀㈀瀀砀 猀漀氀椀搀 爀攀搀∀紀⤀㬀
});਀☀氀琀㬀⼀猀挀爀椀瀀琀☀最琀㬀
</head>਀
<body class="ancestors">body (great-great-grandparent)਀  ☀氀琀㬀搀椀瘀 猀琀礀氀攀㴀∀眀椀搀琀栀㨀㔀　　瀀砀㬀∀☀最琀㬀搀椀瘀 ⠀最爀攀愀琀ⴀ最爀愀渀搀瀀愀爀攀渀琀⤀
    <ul>ul (grandparent)  ਀      ☀氀琀㬀氀椀☀最琀㬀氀椀 ⠀搀椀爀攀挀琀 瀀愀爀攀渀琀⤀
        <span>span</span>਀      ☀氀琀㬀⼀氀椀☀最琀㬀
    </ul>   ਀  ☀氀琀㬀⼀搀椀瘀☀最琀㬀
</body>਀
<!-- The outer red border, before the body element, is the html element (also an ancestor) -->਀☀氀琀㬀⼀栀琀洀氀☀最琀㬀㰀⼀瀀爀攀㸀
਀㰀栀爀 ⼀㸀
਀☀渀戀猀瀀㬀
਀☀渀戀猀瀀㬀
਀
਀㰀⼀栀琀洀氀㸀