تعشش فئات CSS: أصبحت الآن ممكنة

كان على المطورين اللجوء إلى تقنيات أكثر تعقيدًا لتحقيق تأثيرات مماثلة. ومع ذلك ، فقد فتحت وحدة تعشش CSS إمكانيات جديدة. مع وحدة تعشيش CSS ، يمكنك تبني بناء الجملة التالي:

. class1 { بعض الأشياء } .class2 { .class1 ؛ بعض الأشياء الأخرى ؛ }

يتيح لك هذا الجملة أن تعش فئات ، وإنشاء هياكل هرمية.

عينة من التطبيقات

& td { محاذاة النص: المركز ؛ & .c {text-transform: uppercase} &: First-Child ، &: First-Child TD {Border: 1px Solid Black} } & ذ { محاذاة النص: المركز ؛ الخلفية: أسود. اللون: أبيض. } }

.class1 {
  some stuff;
}

.class2 {
  .class1;
  some more stuff;
}

. foo { اللون: أحمر. nest &> .bar { اللون: الأزرق. } }

. foo { اللون: أحمر. nest .parent & { اللون: الأزرق. } }

مع تعشش CSS ، يمكنك الآن كتابة أوراق أنماط أكثر إيجازًا وقابل للصيانة. استمتع بالمرونة المتزايدة والهيكل الدلالي الذي توفره.