أحب العمل مع العناصر المخصصة لجميع أنواع الأشياء، ولكن في بعض الأحيان أريد فقط إخفاء الأشياء حتى يتم تحميلها أو القيام بشيء آخر بها في CSS.

الحل البسيط يبدو كالتالي:

framework-button:not(:defined) {
   display: none
}

ضع ذلك في علامة

ولكن مع الأطر الأكبر، يصبح هذا مزعجًا حقًا. في بعض الأحيان يمكنك الابتعاد ببساطة عن طريق تحديد :not(:define)، ولكن هذا ليس قابلاً للتطبيق دائمًا.

إصلاح واضح (على الأقل بالنسبة لي): يحتاج CSS إلى محدد بادئة الاسم، لذا يمكنك القيام بذلك فقط

framework-*:not(:defined) {
   display: none
}

لا يبدو أن هذا سيكون شيئًا جديدًا تمامًا. يمكننا بالفعل القيام بذلك باستخدام محددات السمات.

وأنا متأكد من أن السماح بالتقسيمات فقط عند - في اسم العنصر سيجعل من السهل إلى حد معقول تنفيذ ذلك بشكل فعال في المتصفحات أيضًا.

ما رأيكم؟ هل سيكون هذا مفيدا؟ هل هناك حلول أسهل فعالة بالفعل؟