اگر هنوز این شکلی کد مینویسی:
.card .title { ... }
.card .description { ... }
.card .button { ... }وقتشه با :()is آشنا بشی.
.card :is(.title, .description, .button) {
color: #fff;
}مزیتش فقط کوتاهتر شدن کد نیست.
وقتی چند Selector ویژگیهای مشترک دارن، :()is باعث میشه:
✅ کد خواناتر باشه.
✅ نگهداری CSS راحتتر بشه.
✅ احتمال تکرار استایل کمتر بشه.
توی پروژههای بزرگ که صدها Selector داری، همین قابلیتهای کوچیک تفاوت بزرگی ایجاد میکنن.
نکته مهم اینه که از :()is برای سادهتر کردن منطق استایل استفاده کن، نه اینکه همه Selectorها رو بیدلیل داخلش بریزی.
💬 تا حالا از :()is استفاده کردی یا هنوز همه Selectorها رو جدا مینویسی؟