logo

בורר CSS

בוררי CSS משומשים כדי לבחור את התוכן שברצונך לסגנן . בוררים הם חלק מקבוצת חוקי ה-CSS. בוררי CSS בוחרים רכיבי HTML לפי המזהה, המחלקה, הסוג, התכונה וכו'.

java בוליאני למחרוזת

ישנם מספר סוגים שונים של בוררים ב-CSS.

  1. בורר רכיבי CSS
  2. בורר מזהה CSS
  3. בורר מחלקות CSS
  4. בורר אוניברסלי CSS
  5. בורר קבוצות 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 (בגופן קטן יותר)

זו פסקה.