پیشنهاد دوره:class CSS .

انتخاب‌کننده‌ها

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

عناصر با مقدار ویژگی خاص..) کاراکتر، پس از class برای انتخاب همه عناصر با class خاص، یک نقطه (

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

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

نکته:عناصر HTML می‌توانند چندین class（ملاحظه مثال زیر 3）。

مثال

مثال 1

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

.intro {
  background-color: yellow;
}

آزمایش کنید

مثال 2

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

p.intro {
  background-color: yellow;
}

آزمایش کنید

مثال 3

.class روش‌های مختلف انتخاب‌کننده‌ها:

/* انتخاب همه عناصر با 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="ex2" در داخل عناصر <p> با class="ex1" */
p.ex1 .ex2 {
  background-color: yellow;
}

آزمایش کنید

نحوه نوشتن CSS

.class {
  declarations css;
}

نحوه نوشتن CSS

element.class {
  declarations css;
}

جزئیات فنی

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