class & id

class:

با استفاده از صفت class در HTML میتوان استایلی معادل برای همه عناصری که نام class یکسانی دارند تعریف کرد.

از ویژگی class HTML برای تعریف سبکهای برابر برای عناصر با نام classمشابه استفاده می شود.
بنابراین ، تمام عناصر HTML با ویژگی classمشابه ، یک سبک را دریافت می کنند.

صفت class هم میتوانیم در inline, blockاستفاده کنیم

در CSS ، برای انتخاب عناصر با یک کلاس خاص ، یک کاراکتر دوره (.) بنویسید ، و به دنبال آن نام کلاس:

<style>
.city {
  background-color: tomato;
  color: white;
  padding: 10px;
}
</style>

<h2 class="city">London</h2>
<p>London is the capital of England.</p>

<h2 class="city">Paris</h2>
<p>Paris is the capital of France.</p>

<h2 class="city">Tokyo</h2>
<p>Tokyo is the capital of Japan.</p>

عناصر HTML می توانند بیش از یک نام class داشته باشند ، هر نام class باید با یک فاصله از هم جدا شود.مثال

id:

یک id منحصر به فرد برای یک عنصر HTML را مشخص می کند (مقدار باید در سند HTML بی نظیر باشد).

مقدار id می تواند توسط CSS و JavaScript برای انجام برخی وظایف خاص برای عنصر با مقدار id خاص استفاده شود.

در CSS ، برای انتخاب یک عنصر با یک id خاص ، یک علامت هش (#) بنویسید ، به دنبال آن شناسه عنصر

مثال

تفاوت بین id&class

یک عنصر HTML فقط می تواند یک id منحصر به فرد داشته باشد که متعلق به آن عنصر واحد است ، در حالی که یک نام class می تواند توسط چندین عنصر استفاده شود