cascading style sheets reference

ילד

הסבר

CSS1 מספק לנו את בורר ההקשר המאפשר בחירה של אלמנט שהוא צאצא של בורר אחר (זאת הסיבה שב-CSS2 מתייחסים אל אלה כבוררי צאצא). אך זה לא מספק שליטה רבה כפי שהיינו רוצים. לדוגמא, בורר ה-

DIV B

B יבחר אלמנטים STRONG בתוך DIV-ים, ולא משנה עד כמה עמוק הם נמצאים. לדוגמא

<DIV><P>This is the <STRONG>essence</STRONG> of the argument</P></DIV>

הוא נבחר כ-

<DIV>This is the <STRONG>essence</STRONG> of the argument</DIV>

ייתכן ונרצה לבחור רק אלמנט STRONG כאשר הוא ישירות בתוך DIV (זאת אומרת, כאשר הוא הילד של DIV). במקרה זה, אנו משתמשים בורר הילד.

תחביר

בורר הילד נוצר ע"י רישום ההורה ואז רישום אלמנט הילד מופרד ע"י ">". למשל, הבורר שנדון למעלה יהיה

DIV>B

בוררים מורכבים יותר יכולים להיווצר בשימוש ביותר מילד אחד. לדוגמא,

DIV>P>B

יבחר רק אלמנטים מודגשים בתוך פיסקאות, בתוך DIV-ים.

שימוש

בוררי ילד מספקים שליטה עדינה יותר אפילו בבחירת האלמנטים שסופקו ע"י בוררי ההקשר.