שלח תשובה

זירת השאלות

1019
צפיות
4
תשובות

הגדרות שונות לתגית a

,‏ 22 במאי, 2014

היי לצוות וובמאסטר
ברצוני לדעת איך אפשר להגדיר הגדרות שונות לתגיות a במצבים שונים (active, link, hover,…)
עבור דפי HTML שונים?
למשל עבור דף מסוים (בשם phone) הגדרתי מחלקה(גם בשם phone) שיהיו הגדרות ספציפיות עבור
תגית זו במצב link ובדף אחר הגדרות אחרות לתגית זו גם במצב link :
a.phone:link {
color: black;
text-decoration:none;
}
אשמח שתתנו לי תשובה

4 תשובות

  1. Roi Trigerman הגיב:

    אם אני מבין נכון, הכוונה היא לתת הגדרות CSS שונות כאשר עוברים עם העכבר (hover) ובמצבים שונים נוספים. ניתן לעשות זאת כך:


    a{
    color:black;
    }

    a:hover{
    background-color:Green;
    color:White;
    }

    אם השאלה הייתה לגבי לתת הגדרות שונות בעמודים שונים – אז מומלץ שלכל עמוד יהיה קובץ css משלו (ולא אחד לכל האתר), וכמו כן מומלץ לתת class שונה לאלמנטים בעלי משמעות שונה בדף, וכך אפשר לבחור אותם ולתת עיצוב שונה לכל אלמנט.

    אשמח אם תסבירי את השאלה יותר במדויק כי הכוונה לא הייתה ממש ברורה.

  2. Roi Trigerman הגיב:

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


    <html>
    <head>

    <style>
    .page1 .class1{
    color:red;
    }

    .page2 .class1{
    color:green;
    }
    </style>

    </head>
    <body>

    <div class=’page1′>
    <a href=’#’ class=’class1′>לחץ כאן</a>
    <a href=’#’ class=’class1′>לחץ כאן</a>
    </div>

    <div class=’page2′>
    <a href=’#’ class=’class1′>לחץ כאן</a>
    <a href=’#’ class=’class1′>לחץ כאן</a>
    </div>
    </body>
    </html>

    תדמיין שתגית style נמצאת בקובץ ה-css החיצוני שלך, ושכל div נמצא בעמוד אחר באתר..

  3. Noaa Zakaim הגיב:

    לא נראה לי שאוכל לעשות כך, כי אני אמורה להגדיר כל הפקודות CSS בקובץ חיצוני.
    נראה לי שאצטרך בסוף להגדיר כמה קבצי CSS
    אך ממש מודה לך על תשובותיך 🙂

  4. Roi Trigerman הגיב:

    את לא יכולה לתת קלאסים (class) בדף עצמו? זה דבר די בסיסי שעושים תמיד, ולא משהו שיגידו לך להוציא לדף חיצוני…

    את ההגדרות עצמן של כל class את יכולה לשים בוקבץ CSS חיצוני אחד ללא כל בעיה.. כמו שאמרתי, תדמייני שתגית ה-style נמצאת בקובץ חיצוני.

    שמח לעזור בכל מקרה 🙂

שלח תשובה