برای ایجاد div  از یک کلاس ، فقط کافیست از یک نقطه قبل از نام کلاس استفاده کنیم

.title>.content

<div class="title">

    <div class="content"></div>

</div>

استفاده از نام کلاس برای تگ ها

ul>li.item*5

   <ul>
       <li class="item"></li>
       <li class="item"></li>
       <li class="item"></li>
       <li class="item"></li>
       <li class="item"></li>
   </ul>

استفاده از #  برای ID  دادن به تگ

p.cotent#124

<p class="cotent" id="124"></p>

استفاده از شماره گذاری توسط   کارکتر $

ul>li#item$*5

    <ul>

        <li id="item1"></li>

        <li id="item2"></li>

        <li id="item3"></li>

        <li id="item4"></li>

        <li id="item5"></li>

    </ul>

و یک مثال دیگر

ul>li#item$$*5

    <ul>

        <li id="item01"></li>

        <li id="item02"></li>

        <li id="item03"></li>

        <li id="item04"></li>

        <li id="item05"></li>

    </ul>

 استفاده از {}  برای اضافه کردن متن

p.cotent#124{welcome to my site}

<p class="cotent" id="124">welcome to my site</p>

استفاده از جمله معروف lorem  برای پر کردن متن

lorem

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum modi natus asperiores, quod aspernatur rem nobis repellendus dolore placeat voluptatibus facere eius ab voluptates? Optio, non similique repellendus eos minima!

استفاده از عدد برای تعداد کلمات ، در جمله lorem

lorem3

Lorem ipsum dolor.

نحوه استفاده از متن در تگ در سه گام

 p.content{lorem

گام اول

p.content{Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit tempora eos adipisci, ex, fugiat unde! Accusamus dolore laboriosam, nam ratione obcaecati quos sunt dolores consequatur. Necessitatibus reprehenderit eaque, et facilis.

گام دوم

p.content{Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit tempora eos adipisci, ex, fugiat unde! Accusamus dolore laboriosam, nam ratione obcaecati quos sunt dolores consequatur. Necessitatibus reprehenderit eaque, et facilis.}

گام سوم

<p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit tempora eos adipisci, ex, fugiat unde! Accusamus dolore laboriosam, nam ratione obcaecati quos sunt dolores consequatur. Necessitatibus reprehenderit eaque, et facilis.</p>

نتیجه

<p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit tempora eos adipisci, ex, fugiat unde! Accusamus dolore laboriosam, nam ratione obcaecati quos sunt dolores consequatur. Necessitatibus reprehenderit eaque, et facilis.</p>