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

דוגמא להבהרת השאלה תוכלו לראות כאן (הריבוע הירוק) -- http://www.theiceman.co.il/blog/?p=1197


יש לי CLASS שנקרה GREENBOX ואני רוצה שרק עבורו לקישורים יהיה צבע אחר בשביל הניגודיות

קוד:

.greenbox a { color: #123456; }

(שים לב לנקודה בהתחלה)

נמאס לכם לזכור סיסמאות? לחצו כאן!

אלא אם כן הוא כבר הגדיר אותם קודם...


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

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/list.png]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/?https://2010-uploaded.fresh.co.il/2010/09/21/52868411.gif,http://www.boredpanda.com/blog/wp-content/themes/mimbo2.2/images/subscribe-panda-605px.png]

נסתי לא עובד

הקוד הוא כזה:

קוד PHP:

 <div class="greenbox">לרשותכם רשימה מלאה בפוסט - <a href="http://www.theiceman.co.il/blog/2009/12/download-windows-7-mui-language-packs/">קבצי שפה (MUI) עבור Windows 7 גרסאות 32&amp;64 ביט</a></div> 


@ERAN

תוכל להסביר למה התכוונת ?

אולי זה לינק שהוא visited כבר...

אתה יכול לנסות

קוד:

.greenbox a, .greenbox a:active, .greenbox a:link, .greenbox a:visited, .greenbox a:hover	 { color: #123456; }

נמאס לכם לזכור סיסמאות? לחצו כאן!

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

אבל (אא"כ אני מפספס פה משהו), הסלקטור שלי הרבה יותר ספציפי :O

מה קורה אם אתה מגדיר class מפורש (חדש ומיוחד) על ה a עצמו, ומגדיר על ה class הזה את ההגדרה הזו? גם לא עובד?

נמאס לכם לזכור סיסמאות? לחצו כאן!

זה גם מה שאני רואה, ה class של greenbox היה אמור לתפוס כי הוא עמוק יותר בהררכיה

מה הכוונה ל-class מפורש ?

קוד:

<a class="testclass" ...

ותחיל את הגדרת הצבע על testclass. - אין יותר מפורש מזה...

נמאס לכם לזכור סיסמאות? לחצו כאן!

לא עוזר, ה class החרא הזה שולט על העיצוב לא משנה מה אני עושה

==================
תנסה להוסיף לקוד של שימי את זה:

!important

ממש אחרי הצבע

color:#123456 !important;

רק שאני לא בטוח שזה תומך בכל הדפדפנים
==================



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


תנסה לשים את זה בראש ה CSS
ולא באמצע הדף כמו שעשית...

קוד PHP:

 .ccc:link {color:red;}      /* unvisited link */
.ccc:visited {color:red;}  /* visited link */
.ccc:hover {color:red;}  /* mouse over link */
.ccc:active {color:red;}  /* selected link */ 


ודבר נוסף לשים עליו דגש הוא

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/list.png]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/?https://2010-uploaded.fresh.co.il/2010/09/21/52868411.gif,http://www.boredpanda.com/blog/wp-content/themes/mimbo2.2/images/subscribe-panda-605px.png]

עדיין אותו חרא,

שמתי את הקוד שלך בראש הקובץ CSS
הוא מוכל כמו שאתה רואה , אבל הקוד הפחות ספציפי לוקח עדיפות משום מה




--- עריכה ---

העניין הוא שאם אני מוריד את הצביעה בלבד מהקוד
אז ההגדרה של greenbox תופסת לי

איך שהוא הוא עדיין הולך על הרמה הגבוה יותר מאשר ההגדרה הספציפית
יכול להיות שזה באג ?

יש כל מיני כללי CSS לגבי מה תופס קדימות על פני אחר... אני לא זוכר את כולם, אבל אני חושב שכולם מצוינים בקישור הבא: http://www.w3.org/TR/CSS2/cascade.html

בכל מקרה, שמתי לב ל-2 דברים בקוד:
1. קוד ה-CSS היה שגוי (לפחות בזמן שאני צפיתי בו), ולכן כללי ה-CSS הבאים לא יושמו:

קוד:

.greenbox a .greenbox a:active, .greenbox a:link, .greenbox a:visited, .greenbox a:hover {
    color: #123456;
}

שים לב שחסר פסיק בין ".greenbox a" לבין ".greenbox a:active", ולכן יש שגיאה.
2. צריך להוסיף div ל-class ב-css כדי שזה יתפוס קדימות על הכלל המעצבן ההוא:

קוד:

div.topPost .greenbox a, .greenbox a:active, .greenbox a:link, .greenbox a:visited, .greenbox a:hover {
    color: #123456;
}

תודה, התוספת שלך אכן עזרה

הוספת "!important" לערך תגרום לערך זה לגבור על ערך שהוגדר במיקום אחר (לפחות אם אותו ערך לא הוגדר גם כ-importnat).

וואלה , תודה על התוספת, גם זה עובד

כבר כתבתי

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/list.png]

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://fresh.clanteam.com/?https://2010-uploaded.fresh.co.il/2010/09/21/52868411.gif,http://www.boredpanda.com/blog/wp-content/themes/mimbo2.2/images/subscribe-panda-605px.png]

אופס, צודק לא ראיתי
אני עם מסך רחב, והקוד פשוט הוצג בצד השני (הרחוק מאודדד) של המסך