שלח תשובה

זירת השאלות

1608
צפיות
2
תשובות

בעיה ב-CSS – תכונה גוברת על תכונה אחרת, בניגוד לסדר שלמדתי

,‏ 27 במרץ, 2012

יש לי קוד CSS ובו אני מגדיר שצבע הרקע של אלמנט a שהוא ילד של li יהיה צבע א’. כמה שורות לאחר מכן אני כותב שצבע הרקע של ID מסוים (שהוא בעצם a כלשהו) יהיה צבע ב’. הרצתי את הקוד – הצבע של אלמנט ה-a עם ה-ID הזה לא השתנה לצבע ב’. הגדרתי אותו כ-important – גם לא עזר! שיניתי את המיקום של הקוד השני ושמתי אותו לפני הקוד של צבע א’, וראו זה פלא – זה עבד!
אני לא למדתי שזה ככה, אז למה. זה. ככה?

אין כאן ממש מה להראות. היו שורות CSS:

li a {display: block; padding: 10px; text-decoration: none !important; background: #F0F0F0; border: 1px solid #dfdfdf;}

#current_page {background-color: #F9F9F9;}

ואגב, ה-important בקו התחתון זה בגלל שבלעדיו זה לא עבד! והסתירה היחידה לזה הייתה בקובץ ה-Reset CSS (שנקרא reset.css):
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />

טעיתי איפשהו?

נ.ב. עכשיו אני שם לב שרשמתי בהתחלה background בלי ה-color, אך אין זה משנה; תקלות כאלה קרו לי הרבה עם קובץ ה-Reset CSS, למרות ששילבתי אותו במסמך לפני קובץ ה-CSS השני.

תגיות: ,

2 תשובות

  1. אוראל מה קורה ?
    אתה יכול להעתיק לכאן את הHTML אולי הבעיה בו.. :]

  2. Orel Ben-Yair הגיב:

    הוא קוד רגיל בלי שום בעיות, והאמת היא שהוא נמחק לי. 🙂

שלח תשובה