أجهزة الكمبيوتر, برمجة
CSS، الزائفة، الزائفة: تحوم، الطفل والهدف
من خلال الجمع بين HTML و CSS، يمكنك التحكم تماما جميع عناصر صفحات ويب. مع أنماط يمكنك بسهولة تغيير مظهر أي كتلة أو خط. في كثير من الأحيان المبرمج تحتاج إلى تنفيذ مهمة أكثر تعقيدا - لتغيير مظهر العنصر في حد ذاته ليس كجزء منفصل أو دولة معينة. في هذه الحالة، لمساعدة الزائفة CSS.
شبه تعمل على نفس المبدأ الطبقات العادية في الترميز، ولكن فعليا لم تكن موجودة هنا. ويمكن اختيارهم على أساس من العناصر التي لم تدرج في وثيقة معلومات، والتي سوف يتم تحديد محدد المعتاد. هنا مثال بسيط: لديك الزر الأحمر، وتريد عندما كنت تحوم أصبح الأزرق. من الناحية النظرية، فإنه يمكن تنفيذها في جافا سكريبت، ولكن لماذا يكون من الصعب جدا؟ أكثر ملاءمة لاستخدام : تحوم CSS. مع مساعدتها يمكنك إعطاء أي وحدة المعلمات التي سيتم تشغيل فقط عندما يكون مؤشر الماوس.
يتم تحديث قائمة CSS الزائفة الطبقات بانتظام. ربما، في حين تقرأ هذه المادة، عدة يظهر جديدة. للبدء، والنظر في تلك التي ظهرت في مواصفات CSS3.
: نطة من نوع
افترض أن لديك قائمة التي تريد استخدام الألوان بالتناوب، أي السطر الأول، على سبيل المثال، مكتوبة بحروف حمراء، والثانية - .. الأزرق والأحمر مرة أخرى الثالث والرابع مرة أخرى باللون الأزرق. في السابق، كان عليك أن خلق فئات جديدة. تخطيط الماضي يضاف إلى كل عنصر على لائحة الدرجة، ثم تغير مظهرها في ورقة أنماط. لم يكن مريح جدا وتلوث التخطيط.
الآن كل شيء أسهل. استخدام CSS الزائفة من الدرجة: نطة من نوع. وهذا يعطي فرصة للحصول على التأثير البصري المطلوب، من دون تغيير أي شيء في الترميز. مبدأ بسيط: هل إدخال محدد، وبين قوسين بعد اسم إرسال صيغة أو الكلمات الرئيسية التي سوف تجد العناصر المطلوبة. على سبيل المثال ،: نطة من نوع (حتى) سوف جميع حتى العناصر، و: نطة من نوع (الغريب) - الغريب. هناك يتم استخدام عدد كبير من الصيغ للسيطرة على وجه التحديد. وتشير الأقواس عدد ممكن - في هذه الأنماط القضية ليتم تطبيقها على العنصر الذي المؤشر يساوي هذا العدد.
: نطة الطفل
هذه CSS الزائفة من الدرجة على مبدأ عمل مشابهة لسابقتها، ولكن خلافا يعمل حصرا مع الأطفال من العنصر المحدد. على سبيل المثال، إذا كنت ترغب في استخدامها لتخصيص مظهر هو الأصل
لمراقبة دقيقة من الصيغة يمكن استخدامها. أنها صعبة جدا بالنسبة للمبتدئين، ولكن الأمر يستحق أعمق قليلا في بناء جملة كيف يصبح كل شيء أكثر سهولة. الصيغ هي كما يلي: لب +، حيث - عامل، وب - تعويض. على سبيل المثال، إذا بين قوسين تشير ن، وشبه يختار كل عناصر تابعة (لأنه لم يتم تحديد شروط إضافية في شكل أ و ب). إذا قمت بتحديد ن + 2، كل العناصر ما عدا الأولى (لأن تعويض يساوي اثنين) وسيتم اختيار. أفضل للجميع، وهذه المرة للدراسة في الممارسة. تجربة مع مكونات الأطفال وصيغ مختلفة.
: نشاط الطفل
كل شيء بسيط. تستخدم الأطفال CSS الزائفة الطبقات لتحديد عنصر معين. هذا يختار الطفل الأخير من عنصر الأم. يستخدم في كثير من الأحيان، على سبيل المثال، لتحديد الصف الأخير من الجدول أو إزالة المسافة البادئة من كتلة الماضي لتجنب انتقاله إلى السطر التالي.
: نطة الأخير للطفل
من خلال مبدأ عملية مشابهة للالألف الطفل التي سبق ذكرها، ولكن يعمل في الاتجاه المعاكس، أي. E. عند استخدام العناصر سوف تتحرك صعودا. وهذا مفيد إذا كنت بحاجة إلى العثور على العناصر القليلة الماضية.
قد تعتقد أن هذه الطبقات الزائفة وعناصر شبه المغلق عديمة الفائدة، حيث يمكنك انجاز الامور بشكل جيد من قبل الطبقات التقليدية. الأمر ليس كذلك. : الألف الطفل ،: nth- الماضي والطفل والنظير هم مريحة للغاية عند العمل على مشاريع كبيرة - على سبيل المثال، في الحالات التي يكون فيها كتلة لديها عدد كبير من الأطفال. ترتيب يدويا الطبقات طويل وشاق.
سيطرة شبه الدولة
ما إذا كنت بحاجة إلى تغيير مظهر عنصر في دولة معينة؟ وتنص هذه الحالة CSS الزائفة النقر، لافتا وغيرها من الأعمال. دعونا دراستها بالتفصيل.
: رابط
هذه الإشارات الزائفة CSS، وليس كل شيء، ولكن فقط تلك التي لم يتم زيارتها. في ذلك يمكنك تحديد أنماط لعناصر ، والتي لم يجتز الاعضاء.
: زار
التناظرية من تجسيد السابقة، التي تسيطر فقط الروابط زار بالفعل. الجمع بين هذه الزائفة الطبقتين، يمكنك تخصيص مظهر الوسم بالضبط ما تحتاج إليه. نلاحظ، مع ذلك، أن تحسب الدول لمتصفحات معينة وتفريغها بعد تاريخ المعاملة.
الزائفة من الدرجة: CSS الهدف
واحدة من الأكثر إثارة للاهتمام الزائفة الطبقات، والتي إذا ما استخدمت إلى حد ما يحل محل استخدام جافا سكريبت. فإنه يمكن السيطرة التي معرف المدرجة في عنوان صف من الصفحة. نعم، وهي المرة الأولى أنه من الصعب فهم. محاولة تحليل المثال.
دعونا نقول أننا على الصفحة 3 كتل شعبة مع بعض معرف: ID1، ID2، ID3. كما أن لدينا ثلاث وصلات إلى القيم المناظرة أ href: # ID1، ID2 #، # ID3. عند النقر على الرابط الأول في عنوان صف من الصفحة بعد الارتباط إلى معرف المقابلة ستكون الصفحة نفسها.
وCSS لجميع شعبة كتل محددة عرض العقارات: لا شيء، وهذا هو، لا تظهر بشكل افتراضي. نحن نستخدم الهدف: شعبة وإعطائها عرض العقارات: كتلة. الآن، عند النقر على وصلات مع بعض من أ href، سيتم تعيين كتل مع معرف المقابلة لعرض: كتلة، وبالتالي، فإنها سوف تبدأ في الظهور على الصفحة! عند النقر فوق الارتباط إلى HREF = موقع http: // / من المادة / 319683 /٪ E2٪ 80٪ 9D # ID1٪ E2٪ 80٪ 9D ومنع مع ID1، وهلم جرا ..
ما زلت لا أفهم أي شيء؟ محاولة التجربة. إنشاء تخطيط الصفحة والأساليب المذكورة أعلاه. وبعد بضع دقائق لديك شخصية كل شيء عظيم.
الزائفة التي يمكن تطبيقها على أي عنصر
معظم شبه الروابط المذكورة أعلاه المطلوبة لهذا المنصب. ومع ذلك، ليس كل العناصر تحتاج . عدة تجسيدات يمكن تطبيقها على أي جزء من الصفحة تماما.
- : يستخدم نشطة لعناصر النمط الذي ينقر المستخدم على زر الماوس الأيسر.
- : تحوم - CSS لعناصر التي المستخدم تحوم فوق.
- : التركيز - على تلك الأجزاء من الصفحة، والتي هي الآن في التركيز. وغالبا ما تستخدم هذه الفئة المزيفة للعمل مع النماذج. على سبيل المثال، إذا كنت ترغب في اختيار موجه اسم المستخدم، عندما الزائر يضع المؤشر أكثر من ذلك ويبدأ الأحرف الطلب.
تذكر أن: نشطة صالحة فقط في وقت إلحاحا. مباشرة بعد تعيين إنهاء زر الماوس الأيسر مع مساعدة من الأساليب وسوف تختفي وسوف يتم عرض هذا البند كما هو ظاهر بشكل افتراضي. في معظم الحالات، يتم استخدام هذه الفئة المزيفة للعمل مع أزرار. يمكنك تعيين لهم لعدد كبير من الدول. على سبيل المثال، الزر الافتراضي هو الأزرق، تحوم - أخضر، والضغط - أحمر، الخ ...
وبطبيعة الحال، معتمدة فقط الزائفة الطبقات بالكامل من قبل المتصفحات الحديثة. على سبيل المثال، في IE6 و 7 لن تكون قادرة على استخدام التركيز، وتحوم ونشطة فقط للعمل مرجعي في IE6. ونأمل أن لا يكون لديك للعمل مع هذه المتصفحات، ولكن إذا كنت لا تزال بحاجة نشأت، استخدام التعليقات المشروطة.
الزائفة إضافية
الخيارات المذكورة أعلاه القائمة لا تتوقف عند هذا الحد. العناصر الواردة فقط يمكن استعادة بفضل CSS الحديثة (: تمكين) أو قطع للتو (: تعطيل)، مفتاح فقط خانة ملحوظ والإذاعة (: محددة). وصف موجز بضعة الخيارات التي يمكنك استخدامها للتحكم أكثر دقة مظهر المحتوى.
- : فقط للأطفال - الإحمرار الممكن تطبيق النمط إلى عنصر وهو عنصر تابع فقط؛
- : لانج - العمل مع العناصر التي قدمت لغة باستخدام السمة انج.
- : جذر - تستخدم لتحديد العنصر الجذر. وفقا لذلك، مثل علامة HTML هو .
- : لا - أداة قوية جدا. انها تسمح لك لتقييد استخدام أساليب معينة من محددات. هنا مثال: من الأزرق اللون: لا (فترة ). A محدد لتطبيق النمط على كافة العناصر مع الطبقة زرقاء اللون، وإذا لم تكن .
لا يمكن أن تمتد القائمة الكاملة الزائفة الطبقات على صفحة واحدة. ويستخدم معظم مصممي المواقع الإلكترونية في الممارسة العملية، بعضها فقط، وفضلت إدارة هذه الحالة مع جافا سكريبت. نعم، انها مريحة، ولكن هناك بعض لحظات حيث سيتم تحقيق نتائج أكثر فعالية أسهل، وذلك باستخدام الزائفة المناسب.
Similar articles
Trending Now