במדריך CSS למתחילים הצגתי בוררים המתייחסים לאלמנטים של HTML בלבד, אך באפשרותך להגדיר בוררים משלך בעזרת שימוש ב – Class ו – ID.
היתרון בכך שהוא שאתה יכול להציג קוד HTML דומה במספר בלתי מוגדל של אופנים.
ב- CSS, הבורר Class מוגדר על ידי שם כלשהו בצירוף נקודה מקדימה (.) והבורר ID מוגדר על ידי שם כלשהו בצירוף סולמית מקדימה(#). לדוגמא :
- #top {
- background-color: #ccc;
- padding: 1em
- }
- .intro {
- color: red;
- font-weight: bold;
- }
על מנת לשייך את הקוד הנ"ל לאלמנטים של HTML עליך לעבוד Class ו – ID בצורה הבאה :
- <div id="top">
- <h1>מדריך CSS למתקדמים</h1>
- <p class="intro">זהו המדריך הטוב ביותר באינטרנט !</p>
- <p class="intro">כן, הכי טוב שיש. </p>
- </div>
ההבדל בין ID ל – Class הוא שניתן להשתמש ב – ID על מנת להגדיר אלמנט בודד לעומת Class שניתן להגדיר באמצעותו אלמנטים רבים.