CSS .کلاس انتخابگر

تعریف و استفاده

CSS .کلاس انتخابگر برای انتخاب عناصر با خاصیت خاصی استفاده می‌شود. کلاس عنصر با خاصیت خاصی.

عنصر با خاصیت خاصی بنویسید، سپس یک نقطه (.) حرف، پس از کلاس برای انتخاب همه عناصر با خاصیت خاصی، یک نقطه (

عنصر.کلاس انتخابگر برای انتخاب عناصر با خاصیت خاصی استفاده می‌شود. کلاس عنصر با خاصیت خاصی.

برای انتخاب عنصر خاصی که خاصیت خاصی دارد، کلاس یک نوع عنصر، نام عنصر را بنویسید، سپس یک نقطه (.) حرف، پس از کلاس مقدار خاصیت (مثال زیر را ببینید 2).

نکته:عناصر HTML می‌توانند چندین کلاس（مثال زیر را ببینید 3).

مثال

مثال 1

استفاده و تنظیم استایل برای همه عناصر که class="intro" دارند:

.intro {
  background-color: yellow;
}

آزمایش کنید

مثال 2

استفاده و تنظیم استایل برای همه عناصر <p> که class="intro" دارند:

p.intro {
  background-color: yellow;
}

آزمایش کنید

مثال 3

.کلاس استفاده‌های مختلف انتخابگر:

/* انتخاب همه عناصر که class="center" دارند */
.center {
  text-align: center;
}
/* انتخاب همه عناصر <p> که class="large" دارند */
p.large {
  font-size: 200%;
}
/* انتخاب همه عناصر <p> که در لیست class شامل "fancy" و "beige" هستند */
p.fancy.beige {
  font-family: 'Courier New', monospace;
  background-color: beige;
  border: 2px solid green;
}
/* انتخاب همه عناصر class="ex1" داخل <p> عناصر که class="ex2" دارند */
p.ex1 .ex2 {
  background-color: yellow;
}

آزمایش کنید

قوانین CSS

.کلاس {
  اظهارات css;
}

قوانین CSS

عنصر.کلاس {
  اظهارات css;
}

جزئیات فنی

پشتیبانی از مرورگر