مُحدِّدات CSS 2.1 | الجزء الثاني

هذا هو الجزء الثاني من سلسلة مكونة من ثلاثة أجزاء تشرح المحددات المتوفرة في CSS 2.1. الجزء الأول كان عن الأساسيات مثل المحدد النوعي، ومحدد الفئة والمعرف، والمحدد العالمي، ومحددات بسيطة.

أدوات الدمج

تستخدم أدوات الدمج للفصل بين محددين بسيطيين -أو أكثر- المكونة لمحدد مركب. أدوات الدمج المتوفرة هي المسافة -سواءاً مسافة واحدة أو أكثر- و > و +. وظيفة كل أداة مشروحة في الأقسام التالية.

محددات السُلالة

يتكون محدد السليل من محدديين بسيطين -أو أكثر- مفصولين بمسافة. ينطبق هذا المحدد على سلاسة العناصرالتي ينطبق عليها المحدد البسيط الأول. مثلاً: ستطبق القاعدة في المحدد التالي على جميع عناصر p المنحدرة من عنصر div:

div p { color:#f00; }

يمكن لمحددات السلالة أن تتكون من أي شكل من أشكال المحددات البسيطة. ستطبق القاعدة التالية على جميع عناصر p ذات الفئة info والتي تنحدر من العنصر li المنحدر بدوره من العنصر div ذا المعرف myid:

div#myid li p.info { color:#f00; }

محددات السلالة تسمح لك باستهداف عناصر دون الحاجة لإعطائها فئةً أو معرفاً، مما يساعد على نظافة نصِّك. لنفترض أن لديك قائمة تصفح كما يلي:

 

لتستهدف نقاط القائمة وروابطها فقط، تقوم باستخدام الـ CSS التالي:

#nav li { display:inline; } 
#nav a { font-weight:bold; } 

أكمل القراءة