pseudo-class :is() CSS

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

CSS :is() pseudo-class برای اعمال استایل مشابه برای همه عناصر در میان پرانتز استفاده می‌شود.

:is() pseudo-class نیاز به لیست انتخابگر با کاما جدا شده به عنوان پارامتر دارد.

تذکر:در هنگام کار با بخش‌های HTML و عنوان‌ها،:is() pseudo-class بسیار مفید است.

مثال زیر را ببینید:

:is(section, article) :is(h1, h2, h3, h4, h5, h6) {
  رنگ: سبز;
}

معادل است:

section h1, section h2, section h3, section h4, section h5, section h6, article h1, article h2, article h3, article h4, article h5, article h6 {
  رنگ: سبز;
}

مثال

رنگ نوشتار برای عناصر p.intro، <ul> و <ol> را به قرمز تغییر دهید:

:is(p.intro, ul, ol) {
  رنگ: قرمز;
}

آزمایش کنید

قواعد CSS

:is(selector-list) {
  اظهارات css;
}

جزئیات فنی

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

تبلویغات جدول شماره نسخه اولین مرورگر پشتیبان از این پseudo-class را مشخص می‌کنند.