שאלה על סלקטור ספציפי

[ישראל חבר]

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

[yzahn]

@ישראל-חבר אמר בסתם שאלה ספציפית:

לא מצליח לבודד את זה.

אני מאמין שזה לא תיאור מדוייק של הבעיה. לכאורה אתה כן מצליח רק שכללים אחרים מקבלים עדיפות על פני הכלל שאתה מגדיר.
לדוגמה, אפשר לבודד אותו כך:

.navigation-link { color: red }

אבל זה לא יעבוד.
למה? כי ככל שהסלקטור יותר ספציפי כך זה מקבל יותר עדיפות, ויש כבר סלקטורים ספציפיים יותר.

איך פותרים?
אפשר כך:

.navigation-link { color: red !important }

אבל זה bad practice.
מומלץ יותר להזכיר זכות אבות כמו ש @GolanArt תמיד מתבטא, וכך לקבל סלקטור יותר ספציפי ממה שמוגדר כבר.
משהו כזה:

#main-nav .navigation-link { color: red }

כדאי ללמוד את כללי העדיפות (ספויילר: אני לא מכיר אותם... ששש...)

[ישראל חבר]

@yzahn

.navigation-link

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

הבעיה שלי היא שניסיתי עם

.nav .fa

והוא מגדיר את כל האייקונים כולל מה שבתפריט המשתמש.

לחילופין אני יכול אולי להחריג את הנ"ל ע"י

.nav .dropdown-menu .fa

אבל אני מעוניין שלא ישפיע על מחווני חיבור המשתמש.

קיצור, הסתביכתי.

[GolanArt]

@ישראל-חבר

.navbar-default .navbar-nav>li>a