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

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


p {
text-align: left;
}

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


<p style="text-align: left;">
Some example content...
</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.

פוסטים נוספים שכדאי לקרוא

ספריות ומודולים

מציאת PII באמצעות למידת מכונה

כך תגנו על משתמשים שלכם שמעלים מידע אישי רגיש כמו תעודות זהות באמצעות שירות אמאזוני.

DALL·E 2023-10-21 22.28.58 - Photo of a computer server room with red warning lights flashing, indicating a potential cyber threat. Multiple screens display graphs showing a sudde
יסודות בתכנות

מבוא לאבטחת מידע: IDOR

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

למפתחי ובוני אתרי אינטרנט

מדריך לשאילתות יעילות ל Chat GPT

כל אחד יכול לשאול את GPT, אבל אם תרצו לשאול אותו שאלות על תכנות – יש כמה שיטות וטיפים ליעל את העבודה מולו.

גלילה לראש העמוד