محدد الطفل الأول في CSS: حدد العنصر الأول

الزائفة من الدرجة الأولى-الطفل في CSS المستخدمة لتحديد العنصر الأول في الحاوية. في حين أن نوع معين من العنصر لا يعتبر قيمة له إلا موقفها بالنسبة إلى الوالدين. هناك بعض الخفايا في هذا محدد ، التي تحتاج إلى أن تفهم للاستخدام السليم.

CSS الزائفة الطبقات

جنبا إلى جنب مع معرفات, فصول, العلامات والسمات ، الزائفة الطبقات هي واحدة من أنواع محددات CSS. خصوصية لها هي أنها لا يمكن أن تكون مباشرة في HTML.

أمثلة من شبه فئات هي "أول خط الحاويات" ، "الحرف الأول في كلمة" ، "أولا الطفل من الأم". المتصفح يمكن الكشف عن مثل هذه البنود إلا بعد أن يكون قد حلل الصفحة بنيت شجرة DOM, و في بعض الحالات إلا بعد التقديم.

وجود CSS, هذه الآلية يسمح لتحديد التصميم لا بد أن الكود الذي يفتح فرصا كبيرة في التصميم.

اختيار الأولى

الزائفة من الدرجة الأولى-الطفل في CSS المسؤولة عن اختيار العنصر الأول في الحاوية الأصل. نص العقد يتم تجاهل ما زالت تعول على النحو الكامل به.

العثور على أول اثنين من العناصر في HTML بسيطة الهياكل.

ونتيجة لذلك ، تم اختيارها سيكون البند الأول من قائمة الوسم الذي يحدد الخط الغامق.

المزيد

طابعة سامسونج SCX-3405: دليل المستخدم والمواصفات استعراض

سوق التكنولوجيا الفائقة هو زيادة المنافسة. بسبب هذا, وتحاول كل من الشركة المصنعة الجهاز الخاص بك لجعل الأكثر وظيفية وجميلة وغير مكلفة. يجب أيضا أن تكون موجودة في أي خصوصية.واحدة من أكبر الشركات في السوق العالمية – سامسونج – قررت التركيز ع...

T-28. T-28 (عالم الدبابات). T-28: صور

T-28 – هذا شعبية خزان السوفياتي ، والتي تتمثل في المعروف على الانترنت لعبة العالم من الدبابات. بالنسبة لمعظم اللاعبين والجهاز هو عابر ، ولكن هذا يرجع فقط إلى حقيقة أن ليس كل تقييم قدرة هذا النموذج. إذا ما تم تناوله ببراعة ، خزان يتحول إلى ورطة ...

كما في "Skyrim" إلى التركيز osculatorium: يمر

اليوم سوف نتحدث معك عن كيف في "Skyrim" إلى التركيز osculatory. أيضا, دعونا نحاول فعلا أن نفهم أين هذه المهمة و لماذا نحن في حاجة إليها. لأن العالم لعبة The Elder Scrolls هو مكان حيث يمكنك الحصول على المغامرات.نبدأحسنا, قبل التفكير في "Skyrim" إلى الت...

الجملة

كل الزائفة في الطبقات CSS محددة في نمط معين. أولا تحديد أهم محدد ، ثم المطلوب الدرجة الزائفة ، مفصولة بنقطتين.

هذه القاعدة يؤكد النص الأول ب عنصر داخل كل حاوية.

في لقطة من الواضح ما وقفت إلا العناصر التي تطابق كل من العلامة محدد ب و الدرجة الزائفة محدد :الطفل الأول. كان أسلوب تطبيقها داخل كل حاوية, في هذه الحالة, داخل جميع عناصر القائمة.

بالإضافة إلى العلامة الرئيسية يمكنك استخدام أي المغلق محدد مثل:

الأخطاء النموذجية

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

على سبيل المثال ، خذ السابقة قائمة الأسعار ووضع الكتاب في البداية.

على الرغم من أن عنصر محدد لا يزال هو نفسه ، نمط CSS لا تطبق ، العنصر الأول في الحاوية أنا الآن.

خطأ آخر هو تجاهل الوسم <br>. هذا هو نفسه عنصر HTML. إذا كان سيكون في الحاوية قبل كتلة المطلوب, CSS محدد الطفل الأول لا تعمل.

نوع الحساب

لتجنب مثل هذه الحالات, يمكنك استخدام الزائفة من الدرجة الأولى من نوع. يعمل نفس المغلق محدد الطفل الأول ، ولكنه يأخذ في الاعتبار نوع العنصر.

الآن ، عندما عد يأخذ بعين الاعتبار فقط عناصر مطابقة محدد ب.

البند الأخير

وهناك أيضا شبه الطبقة الأخيرة-الطفل التي تعمل على غرار محدد CSS الطفل الأول ولكنها تبدأ قبل عناصر من نهاية الحاوية.