كيفية تحديد محددات السمات المتعددة في CSS

في CSS، من الممكن تحديد العناصر بناءً على سمات متعددة. يمكن أن يكون هذا مفيدًا عندما تريد استهداف عناصر محددة باستخدام مجموعة من المعايير.

بناء الجملة:

لتحديد العناصر التي تتطابق مع قيم سمات متعددة، استخدم بناء الجملة التالي :

[attribute1=value1] [attribute2=value2]

على سبيل المثال، لتحديد عنصر إدخال باستخدام السمة name="Sex" و قيمة السمة = "M"، يمكنك استخدام المحدد التالي:

input[name=Sex][value=M]

مثال:

ضع في اعتبارك ترميز HTML التالي:

سيتم تحديد عنصر الإدخال الأول بواسطة محدد الإدخال [name = Sex] [value = M] لأنه يحتوي على كليهما سمات الاسم = "الجنس" والقيمة = "M". لن يتم تحديد عنصر الإدخال الثاني لأنه يحتوي على سمة value = "F" بدلاً من value = "M".

ملاحظة:

استخدام علامات الاقتباس حولها قيمة السمة مطلوبة فقط إذا كانت القيمة ليست معرفًا صالحًا.

المرجع: