"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيف يمكنني تحديد عنصر HTML مع فئات متعددة باستخدام محددات CSS؟

كيف يمكنني تحديد عنصر HTML مع فئات متعددة باستخدام محددات CSS؟

نشر في 2025-02-06
تصفح:729

How Can I Select an HTML Element with Multiple Classes Using CSS Selectors?

على قيم فئات محددة. أحد المتطلبات الشائعة هو تحديد عناصر ذات فئات متعددة مخصصة لهم.

السؤال:

class = "foo"> Hello Foo

Hello World
hello bar

كيف يمكنك كتابة css لتحديد العنصر الثاني فقط (مع فئات "foo bar") باستخدام محددات css؟

الإجابة:

Hello Foo
Hello World
Hello Bar

. foo.bar { / * أنماط للعناصر (S) مع فئات FOO و BAR */ }

سيطبق هذا المحدد الأنماط على div الثاني ، لأنه العنصر الوحيد الذي يحتوي على كل من فئات "foo" و "bar" المخصصة لها.

ملاحظة إضافية :

.foo.bar {
  /* Styles for element(s) with foo AND bar classes */
}
/ * أنماط للعناصر (S) مع فئات FOO و BAR */ }

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3