עבור לתוכן

עיצוב קישורים עם CSS

על-ידי gkman
ב תכנות

Featured Replies

פורסם

שלום

יש לי מחלקה של עיצוב בCSS:




.Category a:link{color: navy; text-decoration: none; }
.Category a:visited {color: navy; text-decoration: none; }
.Category a:hover{color: navy; text-decoration: underline;}


זה לא יעבוד לי כשאני אכתוב כך:


<div>
<a href="somewhere" class="Category"
text
</a>
</div>

אבל זה כן יעבוד לי:




<div class="Category">
<a href="somewhere">
text
</a>
</div>

למה זה ככה?

זה גורם לי לבעיות- כי אני רוצה חלק מהקישורים בעיצוב כזה וחלק באחר.

איך אפשר לתקן?

  • ציטוט
    • פורסם

    זה כי ה-style שלך מחפש את כל הלינקים שהאבא שלהם הוא מסוג Category.

    אתה צריך לעשות משהו כזה:

    a.Category:link{color: navy; text-decoration: none; }
    a.Category:visited {color: navy; text-decoration: none; }
    a.Category:hover{color: navy; text-decoration: underline;}

  • ציטוט
    • פורסם

    כי אתה צריך להתשמש ב-id.

    זה יעבוד:

    <html>
    <head>
    <style type="text/css">
    #Category:link{color: navy; text-decoration: none; }
    #Category:visited {color: navy; text-decoration: none; }
    #Category:hover{color: navy; text-decoration: underline;}
    </style>
    </head>
    <body>
    <div>
    <a href="somewhere" id="Category">
    text
    </a>
    </div>
    </body>
    </html>

  • ציטוט
    • פורסם

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

    (הפיתרון הנכון הוא מה ששניצל אמר)

  • ציטוט
    • פורסם
    • מחבר

    תודה רבה.

  • ציטוט

    • ארכיון

    דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

    עבור לרשימת הדיונים

    דיונים חדשים