القائمة الرئيسية

الصفحات

تكملة 4 اسألة اخرى شائعة في مقابلة شخصية CSS

 تكملة 4 اسألة اخرى شائعة في مقابلة شخصية CSS



5-هل هناك محدد CSS رئيسي؟

إجابة:

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

محددات المستوى 3 المواصفات

مواصفات محددات CSS 2.1

ومع ذلك ، فإن مسودة عمل المحددات من المستوى 4 تتضمن أ

:has()

English

Is there a CSS parent selector?

Answer: 

There is currently no way to select the parent of an element in CSS. If there was a way to do it, it would be in either of the current CSS selectors specs:


That said, the Selectors Level 4 Working Draft includes a


li:has(> a.active) { /* styles to apply to the li tag */ }

ومع ذلك ، اعتبارًا من مايو 2020 ، لا يزال هذا غير مدعوم من قبل أي متصفح. في هذه الأثناء ، سيتعين عليك اللجوء إلى JavaScript إذا كنت بحاجة إلى تحديد عنصر رئيسي.

                                                                       English

However, as of May 2020, this is still not supported by any browser. In the meantime, you’ll have to resort to JavaScript if you need to select a parent element. 

6. كيفية تعطيل خاصية تغيير حجم منطقة الوصف؟

إجابة:

تعطل قاعدة CSS التالية تغيير حجم السلوك لـtextarea

6. How to disable the resizable property of a textarea?

Answer: 

The following CSS rule disables resizing behavior for textarea

textarea {
  resize: none;
}

تسرد صفحة W3C القيم المحتملة لقيود تغيير الحجم: لا شيء ، كلاهما ، أفقيًا ، رأسيًا ، وراثًا:

The W3C page lists possible values for resizing restrictions: none, both, horizontal, vertical, and inherit:


textarea {
  resize: vertical; /* user can resize vertically, but width is fixed */
}

راجع صفحة توافق مناسبة لمعرفة المتصفحات التي تدعم هذه الميزة حاليًا. يمكن تقييد الأبعاد بشكل أكبر في CSS باستخدام max-width و max-height و min-width و min-height.


ملاحظة: هذه الخاصية لا تفعل شيئًا ما لم تكن خاصية overflow شيء آخر غير مرئية ، وهي الخاصية الافتراضية لمعظم العناصر.


لذلك بشكل عام لاستخدام هذا ، يجب عليك تعيين شيء مثل overflow: scroll؛ http://css-tricks.com/almanac/properties/r/resize/

7. هل من الممكن أن يكون لديك قائمة بدون الدوائر الصغيرة؟

7. Is it possible to have a list without bullets?

إجابة:

يمكنك إزالة الرصاص عن طريق تعيين list-style-type
ul {
  list-style-type: none;
}

8. كيف تعطي نص أو صورة خلفية شفافة باستخدام CSS؟

8. How to give text or an image a transparent background using CSS?

إجابة:

يمكنك إما استخدام صورة PNG شبه شفافة أو استخدام CSS 3:
Answer: 

You can either use a semi-transparent PNG image or use CSS 3:
background-color: rgba(255, 0, 0, 0.5);
ملاحظة:-بقي ثلاث اسئلة مهمة جدا اذا اعجبك المقال شاركه مع الاصدقاء المهتمين شكرا جزيلا
هل اعجبك الموضوع :

تعليقات