CSS באתר שנבנה באלמנטור

אורך הסרטון: 45 דקות

תיקוני CSS באתר קיים

 

החכמה היא למצוא את הסלקטור המדוייק ולשים את הקוד במקום הנכון שישפיע

 

שימוש ב F12

מציאת האלמנט בHTML

לחיצה על + ליצירת סלקטור

חיזוק סלקטור באמצעות ספסיפיקציה

שילוב ה ID  או ה Class במיקום הנכון (באמצע?)

 

5 כללים לבניית סלקטור:

  1. סלקטור יכול להיות תגית HTML
  2. סלקטור יכול להיות ID – # (סולמית) תחילית ל ID
  3. סלקטור יכול להיות CLASS – . (נקודה) תחילית ל class
  4. סלקטור יכול לכלול נתיב שלם לאלמנט –
    • רווח משמעו אלמנט בתוך אלמנט
    • צמידות משמעו וגם – כלומר שאותו אלמנט יש לו את ה CLASS או ה ID שצויין (או שני Class) וכד'
  5. בלוק של תכונות ב CSS יכול להתייחס לכמה סלקטורים כאשר בניהם יש פסיק

 

חיזוק סלקטור יעשה על ידי ספסיפיקציה – ציון נתיב מלא יותר

 

כללים למדוד את חוזק הסלקטור:

תגית HTML   שווה נקודה, Class  שווה 10 נקודות ו ID שווה מאה נקודות

 

מקומות לשים קוד:

באלמנטור צמוד לאלמנט עצמו

באלמנטור custom code

בקובץ CSS של התבנית – תבנית בת!

בקובץ CSS חדש משלנו

 

 

מה קובע אם CSS  ישפיע או ידרס: חוזק הסלקטור וסדר הטעינה.