בוררי CSS משומשים כדי לבחור את התוכן שברצונך לסגנן . בוררים הם חלק מקבוצת חוקי ה-CSS. בוררי CSS בוחרים רכיבי HTML לפי המזהה, המחלקה, הסוג, התכונה וכו'.
java בוליאני למחרוזת
ישנם מספר סוגים שונים של בוררים ב-CSS.
- בורר רכיבי CSS
- בורר מזהה CSS
- בורר מחלקות CSS
- בורר אוניברסלי CSS
- בורר קבוצות CSS
1) בורר רכיבי CSS
בורר האלמנטים בוחר את רכיב ה-HTML לפי שם.
p{ text-align: center; color: blue; } <p>This style will be applied on every paragraph.</p> <p id="para1">Me too!</p> <p>And me!</p>בדוק את זה עכשיו
תְפוּקָה:
סגנון זה יוחל על כל פסקה.
גם אני!
ואני!
2) בורר מזהה CSS
בורר ה-id בוחר את תכונת ה-id של רכיב HTML כדי לבחור אלמנט ספציפי. מזהה הוא תמיד ייחודי בתוך הדף ולכן הוא נבחר לבחור אלמנט יחיד וייחודי.
זה נכתב עם תו ה-hash (#), ואחריו המזהה של האלמנט.
תפריט הגדרות אנדרואיד
ניקח דוגמה עם המזהה 'para1'.
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p>בדוק את זה עכשיו
תְפוּקָה:
שלום Javatpoint.com
פסקה זו לא תיפגע.
3) בורר מחלקות CSS
בורר המחלקה בוחר רכיבי HTML עם תכונת מחלקה ספציפית. הוא משמש עם תו נקודה. (סמל נקודה) ואחריו שם הכיתה.
הערה: אין להתחיל שם כיתה במספר.
ניקח דוגמה עם 'מרכז' בכיתה.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p>בדוק את זה עכשיו
תְפוּקָה:
שלום Javatpoint.com
שלום Javatpoint.com (בגופן קטן יותר)
זו פסקה.