important – ככה עוקפים inline style עם CSS

כל מי שעסק ולו במעט ב-Client Side מכיר את ההיררכיה שיש ב-CSS – היררכיה שמובנית בתוך ה-CSS עצמו. inline style היא שיטה מרגיזה למדי לשלב style כפרמטר בתוך ה-HTML עצמו. כך למשל אנו יוצרים CSS עבור פסקה:


p {
text-align: left;
}

וכך אנו עושים זאת ב-inline style:


<p style="text-align: left;"><br />Some example content...<br /></p>

תמיד ה-inline style גובר על קובץ ה-CSS. הבעיה היא שלעיתים אין לנו שליטה על ה-inline style ואנו עדיין צריכים לשנות את התכונות של האלמנט ולבטל את ה-inline style. בדיוק בשביל זה יש את תגית inportant ב-CSS שגורמת ל-CSS לנצח בקרב על עיצוב האלמנט ולגבור על ה-inline style. איך עושים את זה? בקלות:


p {
text-align: left  !important;
}

לתגית הזו יש עדיפות עליונה שגוברת על ה-inline style.

צריך כמובן מאד להזהר עם !important; שימוש יתר בתגית הזו יכול לפגום בפעולתם של סקריפטים של jQuery וספריות אחרות שמשתמשות בשינוי תכונות inline על מנת ליצור אפקטים שונים (כמו פתיחה וסגירה של קופסאות תוכן למשל). התגית הזו נועדה למצבים נדירים שבהם אין לנו שליטה על ה-inline style או על סקריפט שמשנה אותו. אם תשאלו אותי, עדיף לא להשתמש בכלל ב-inline style.

כדאי תמיד להשאר מעודכנים! הרשמו לעדכונים של האתר במייל! - המייל יישלח כל יום ראשון בעשר בבוקר ויכיל אך ורק את המאמרים שהתפרסמו באינטרנט ישראל. ללא ספאם, ללא הצפות, ללא בלגנים. 🙂

אהבתם? לא אהבתם? דרגו!

לא אהבתי בכלללא אהבתיבסדראהבתיאהבתי מאוד (אין הצבעות)


אל תשארו מאחור! יש עוד מה ללמוד!

הצטרפו לעדכונים!

העדכונים נשלחים אך ורק כאשר האתר מתעדכן.

רן בר-זיק

רן בר-זיק כותב כל המאמרים באינטרנט ישראל, מפתח אינטרנט מנוסה במגוון שפות ופלטפורמות.
ניתן ליצור איתי קשר באמצעות:
כתובת המייל שלי: info@internet-israel.com.
פרופיל הלינקדאין שלי
הטוויטר שלי
פרופיל הפייסבוק שלי
אני תמיד שמח לייעץ ולעזור, אך בשל עומס הפניות הרב, אני לא תמיד מצליח לענות במהירות.